0%

Html Attribute Tabindex

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