HTML tabIndex屬性

在做項目過程中，我還真的很少注意到這個屬性，開發過程中，有同事提出來了，非常感謝，所以轉帖一篇，提醒自己，嘿嘿

 

使用tabIndex屬性可以設定TAB鍵在控制項中的移動順序。

把控制項的tabIndex屬性設成1到32767的一個值，就可以把這個控制項加入到TAB鍵的序列中。

這樣，當瀏覽者使用TAB鍵在網頁控制項中移動時，將首先移動到具有最小tabIndex屬性值的控制項上，最後在具有最大tabIndex屬性值的控制項上結束移動。

如果有兩個控制項的tabIndex屬性相同，則以控制項在html代碼中出現的順序為準。

預設的tabIndex屬性為 0 ，將排列在在所有指定tabIndex的控制項之後。

而若把tabIndex屬性設為一個負值（如tabIndex="-1"），那麼這個連結將被排除在TAB鍵的序列之外。

如果最初選擇了[Tab]鍵，帶這個輸入欄的網頁會將游標移動到firstName欄。

在給tabIndex特性賦值時，要留意幾個問題。下面是幾個賦值規則：

帶0值tabIndex的元素根據原始碼（或預設頁面行為）進行排序。
大於0的tabIndex值設定其tab順序。所有帶正tabIndex值的元素出現在所有帶0 tabIndex值的元素之前。
如果你犯了一個錯誤，把同一個tabIndex賦予給多個元素，像其它元素一樣，它們會以一個0值tabIndex進行處理。
將tabIndex賦值為-1，則在使用[Tab]鍵時，此元素被忽略。注意：如果使用-1值時，onfocus與onblur事件仍被啟動。
tabIndex的值可為0至32767之間的任一數字。