javascript - 我在哪里可以检查由键盘事件（如 keydown 'tab'）触发的浏览器上的默认操作？

Question

当我按下“选项卡”时，浏览器上的焦点元素会发生变化。我想控制焦点元素的顺序或在选项卡时跳过一些元素。我知道我可以使用 preventDefault（https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault）来忽略默认逻辑来触发我的逻辑。但我只想通过稍微调整默认顺序来解决它。

但我找不到任何关于它的规则的文档。我在哪里可以检查由键盘事件（如 keydown 'tab'）触发的浏览器上的默认操作？

标签： javascripthtmlbrowserevent-handlingkeyboard-events

Answer 1

您正在寻找如下所示的tab-index HTML 属性（尝试使用 tab 按钮移动）或tabIndex JavaScript 属性。

这些与哪些元素可以接收焦点有关；默认情况下，浏览器倾向于允许用户期望与之交互的任何元素（如按钮、文本区域等）

<label>First</label>
<input type="text" tabindex="1"/>
</br>
<label>Third</label>
<input type="text" tabindex="3"/>
</br>
<label>Fifth</label>
<input type="text" tabindex="5"/>
</br>
<label>Second</label>
<input type="text" tabindex="2"/>
</br>
<label>Fourth</label>
<input type="text" tabindex="4"/>