Bootstrap -tabindex属性

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。几乎所有浏览器均 tabindex 属性，除了 Safari。

原本在Html中，只有链接a和表单元素可以被键盘访问（即使是a也必须加上href属性才可以)，但是aria允许tabindex指定给任何html元素。

tabindex 属性的值分为三类  -1   0   x>=1

当tabindex=0时，（注意下面的每一张图片都是按一下tab键）

    <input type='text' tabindex='0' >
    <input type='text' tabindex='0' >
    <input type='text' tabindex='0' >
    <input type='text' tabindex='0' >

  当tabindex=0时，该元素可以用tab键获取焦点，且访问的顺序是按照元素在文档中的顺序来的

当tabindex=-1时

    <input type='text' tabindex='0' >
    <input type='text' tabindex='-1' >
    <input type='text' tabindex='-1' >
    <input type='text' tabindex='0' >

当tabindex=-1时，该元素无法用tab键获取焦点。用js,jq等获取可以。

当tabindex>=1时

    <input type='text' tabindex='0' >
    <input type='text' tabindex='-1' >
    <input type='text' tabindex='2' >
    <input type='text' tabindex='1' >

tabindex值越大越晚获取焦点，但是如果有0,那么最后获取

 

当tabindex>=32767时，有人说和tabindex=0一样，我们验证一下。（chrome浏览器)

    <input type='text' tabindex='666666' >
    <input type='text' tabindex='222222' >
    <input type='text' tabindex='777777' >
    <input type='text' tabindex='111111' >

依然服从。感觉也没有必要去纠结这里了，数字已经很大了。