元素的 tabIndex 屬性

html中的tabIndex屬性可以設置鍵盤中的TAB鍵在控件中的移動順序,即焦點的順序。
把控件的tabIndex屬性設成1到32767的一個值,就可以把這個控件加入到TAB鍵的序列中。
這樣,當瀏覽者使用TAB鍵在網頁控件中移動時,將首先移動到具有最小tabIndex屬性值的控件上,最後在具有最大tabIndex屬性值的控件上結束移動。


代碼如下:

“`html

<a href="http://www.w3school.com.cn/" tabindex="2">W3School</a>
<a href="http://www.google.com/" tabindex="1">Google</a>
<a href="http://www.microsoft.com/" tabindex="3">Microsoft</a>

效果演示:


W3School
Google
Microsoft


如果有兩個控件的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之間的任意數字

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章