tabIndex

當(dāng)使用鍵盤時，tabindex是個關(guān)鍵因素，它用來定位html元素。

?????? tabindex有三個值：0 ，-1， 以及X（X里32767是界點(diǎn)，稍后說明）

?????? 原本在Html中，只有鏈接a和表單元素可以被鍵盤訪問（即使是a也必須加上href屬性才可以)，但是aria允許tabindex指定給任何html元素。

?????? 當(dāng)tabindex=0時，該元素可以用tab鍵獲取焦點(diǎn)，且訪問的順序是按照元素在文檔中的順序來focus，即使采用了浮動改變了頁面中顯示的順序，依然是按照html文檔中的順序來定位。

?????? 當(dāng)tabindex=-1時，該元素用tab鍵獲取不到焦點(diǎn)，但是可以通過js獲取，這樣就便于我們通過js設(shè)置上下左右鍵的響應(yīng)事件來focus，在widget內(nèi)部可以用到。

?????? 當(dāng)tabindex>=1時，該元素可以用tab鍵獲取焦點(diǎn)，而且優(yōu)先級大于tabindex=0；不過在tabindex>=1時，數(shù)字越小，越先定位到。

? ? ? ?在IE中，tabindex范圍在1到32767之間（包括32767）

? ? ? ?在FF， Chrome無限制，不過一旦超出32768，順序跟tabindex=0時一樣。???????????

?????? 這個估計跟各個瀏覽器對int型的解析有關(guān)。

轉(zhuǎn)載于:https://www.cnblogs.com/kunmomo/p/11572878.html

總結(jié)

以上是生活随笔為你收集整理的无障碍开发（九）之tabindex属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。