tabIndex

當(dāng)使用鍵盤時(shí)，tabindex是個(gè)關(guān)鍵因素，它用來(lái)定位html元素。

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

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

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

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

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

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

? ? ? ?在FF， Chrome無(wú)限制，不過(guò)一旦超出32768，順序跟tabindex=0時(shí)一樣。???????????

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

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

總結(jié)

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

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