使用 Tab 键导航页面上的 html 元素
P粉106301763
P粉106301763 2024-02-03 21:30:59
[JavaScript讨论组]

我无法使用 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 级别。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号