我在哪里可以檢查由鍵盤事件（如 keydown 'tab'）觸發的瀏覽器上的默認操作？

Question

當我按下“選項卡”時，瀏覽器上的焦點元素會發生變化。 我想控制焦點元素的順序或在選項卡時跳過一些元素。 我知道我可以使用 preventDefault( https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault ) 來忽略默認邏輯來觸發我的邏輯。 但我只想通過稍微調整默認順序來解決它。

但我找不到任何關於它的規則的文檔。 我在哪里可以檢查由鍵盤事件（如 keydown 'tab'）觸發的瀏覽器上的默認操作？

Answer 1

您正在尋找如下所示的選項卡索引HTML 屬性（嘗試使用選項卡按鈕移動），或選項卡索引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"/>