如何忽略 tabindex 中的 HTML 元素？

Question

HTML中有什么方法可以告诉浏览器不允许对特定元素进行标签索引？

在我的页面上，虽然有一个用 jQuery 呈现的杂项，但是当您通过它进行选项卡时，在选项卡控件移动到页面上的下一个可见链接之前，您会得到很多选项卡，因为所有被选项卡通过的东西都被隐藏到用户视觉上。

原文由 Tom Gullen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 tabindex="-1" 。

仅当您确定它不会删除键盘用户的功能时才执行此操作。

W3C HTML5 规范 支持负 tabindex 值：

如果值为负整数

用户代理必须设置元素的 tabindex 焦点标志，但不应允许使用顺序焦点导航到达该元素。

---

请注意，这是一项 HTML5 功能，可能不适用于旧浏览器。

要符合 W3C HTML 4.01 标准（从 1999 年开始） ， tabindex 必须是肯定的。

---

下面是纯 HTML 中的示例用法。

 <a href="#" onclick="return false">Focusable</a>
<a tabindex="-1" href="#" onclick="return false">Not focusable</a>
<a href="#" onclick="return false">Focusable</a>

原文由 Martin Hennings 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

不要忘记，即使 tabindex 在规范和 HTML 中都是小写，在 Javascript /DOM 中该属性被称为 tabIndex 。

不要失去理智试图弄清楚为什么您以编程方式更改的选项卡索引调用 element.tabindex = -1 不起作用。使用 element.tabIndex = -1 。

原文由 Eric L. 发布，翻译遵循 CC BY-SA 3.0 许可协议