使用 Tab 键导航页面上的 html 元素

Question

我无法使用 Tab 键在 HTML 页面上使用 Tab 键滚动。这是我尝试浏览选项卡的页面图片

当“无法更新表”弹出窗口打开时。我点击它并按下选项卡。我第一次按下选项卡时，焦点转到图片中的箭头元素。但下次我按下该选项卡时，它会转到元素 Page 3 向上箭头图标是 HTML 中选定的 <i 标记，下一个 <i 标记 是 x 按钮。由于某种原因，它会跳过第二个 <i 标记，并且当第二次出现 Tab 键时不会转到 x 按钮。

这可能是什么原因？我尝试使用 tabIndex="21" 作为下一个 <i 标记

Answer 1

可能是按钮索引导致了问题。您需要提供更多信息，但在此之前，您可以在使用弹出窗口时首先关注正确的位置。 您可以尝试使用以下代码来关注第一个 div 元素：

document.getElementsByTagName('div')[0].focus();

我还注意到您对两个组件使用了相同的 tabindex“20”。请检查所有索引并重试。另外，请确保您的按钮与其他元素位于同一 DOM 级别。