當前位置:才華齋>設計>網頁設計>

在HTML中的tabIndex屬性

網頁設計 閱讀(1.61W)

使用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之間的任意數字