五、tabIndex

• 该属性是html的标准属性

• 页面中的元素有很多，当用户失去鼠标的时候，可以通过键盘上的tab键来选择元素

• 按下tab键是按照顺序来获取元素的焦点

• 按下tab + shift键 是逆序来获取元素的焦点

• tabIndex的属性值决定了按下tab键的获取顺序

举例：

<ul>
    <li tabIndex="1">1</li>
    <li tabIndex="2">2</li>
    <li tabIndex="3">3</li>
    <li tabIndex="5">5</li>
    <li tabIndex="6">6</li>
    <li tabIndex="7">7</li>
    <li tabIndex="8">8</li>
    <li tabIndex="9">9</li>
    <li tabIndex="10">10</li>
    <li tabIndex="4">4</li>
</ul>

显示结果：