使用 Tab 键导航页面上的 html 元素
P粉106301763
P粉106301763 2024-02-03 21:30:59
0
1
457

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

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

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

P粉106301763
P粉106301763

全部回复(1)
P粉752479467

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板