在HTML中的tabIndex屬性

來源:文萃谷 1.53W

使用tabIndex屬性可以設置TAB鍵在控件中的移動順序。

在HTML中的tabIndex屬性

把控件的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之間的任意數字

熱門標籤