javascript - 如何限制选项卡导航控制

Question

我的网页有很多可选元素，比如，a等等。当我按下选项卡时，活动元素成为前一个选定元素的下一个，没关系，但是在 dom 中的最后一个元素之后，控件进入浏览器的地址栏.我怎样才能防止这种情况。buttonsinput

1. 我在堆栈、jira 等中看到了同样的实现。
2. 我尝试为每个元素提供 tabindex （递增顺序）但不工作。

有人有解决方案吗？请分享。

Answer 1

tabIndex 允许您定义访问页面内元素的顺序，但它不能让您“诱捕”页面内的用户。

为此，您必须在最后一个可聚焦元素上设置一个 onblur 侦听器，然后将焦点重置到第一个元素。

但正如我之前所说，这可能会将用户“困”在页面上——对于只使用这种导航方法的人来说，这可能会很烦人。（警告考虑公共网站，不适用于特殊情况。）