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

Question

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

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

这可能是什么原因？我尝试使用

tabIndex="21"

作为下一个 标签

Answer 1

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

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

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

Answer 2

您可以添加

<i tabindex="0"></i>