tabindex
作为可以作用于所有 Html
元素上面的属性,其值的类型为整型,其作用是表明一个元素是否
能够 focusable
(通常 div
是不能被 focus
的,但是可以通过 tabindex
,让其可以 focusable
)、
可以通过键盘进行导航,以及通过键盘进行导航时候的顺序。
通常 tabindex
的取值可以有以下三种:
- 可以小于 0
表示元素可以 focusable
,但是只能通过 javascript
,不能通过键盘进行导航。
- 可以为 0
表示元素可以 focusable
,并且也能通过键盘进行导航,但是其导航的相对顺序由所在的平台决定。
- 可以大于 0
和 tabindex = 0
时一样,但是其导航的相对顺序由其值的大小确定,按照升序导航;当整个文档中有两个的元素的值相同时(都大于0),
其导航顺序由其在整个文档中的排列的顺序进行确定。
一个例子,no tabindex & tabindex < 0 & tabindex = 0
:
另外一个例子,tabindex > 0
: