如何从tabindex忽略HTML元素？

只需将属性添加disabled到元素（或使用jQuery为您完成）。禁用将使输入根本无法集中或选择。

如果这些元素自然是按Tab键顺序排列的元素（如按钮和锚点），则使用tabindex = -1将它们从Tab键顺序中移除是一种可访问性。如果它们提供重复的功能，则可以将它们从制表符顺序中删除是可以的，请考虑将aria-hidden = true添加到这些元素，以便辅助技术将其忽略。

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

的W3C HTML5规范支持负tabindex的值：

如果值为负整数
，则用户代理必须设置元素的tabindex焦点标志，但不允许使用顺序焦点导航访问该元素。

请注意，尽管这是HTML5功能，可能无法在旧的浏览器上使用。
为了符合W3C HTML 4.01标准（自1999年起），tabindex必须为正数。

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

<input />
<input tabIndex="-1" placeholder="NoTabIndex" />
<input />

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

不要不介意尝试弄清楚为什么以编程方式更改的选项卡索引调用element.tabindex = -1无法正常工作。使用element.tabIndex = -1。

如果您在不支持的浏览器中工作 tabindex="-1"，只需给那些需要跳过的事情设置一个很高的tab索引，或许就能摆脱困境。例如，tabindex="500"基本上将对象的选项卡顺序移动到页面的末尾。

我这样做是为了获得一个较长的数据输入表单，并在其中插入了一个按钮。这不是人们经常点击的按钮，所以我不希望他们无意间跳到该按钮并按Enter。disabled因为它是一个按钮，所以不起作用。

方法是添加tabindex="-1"。通过将其添加到特定元素，键盘导航将无法访问它。有一个伟大的文章，在这里，可以帮助你进一步了解tabindex属性。