©
本文档使用 PHP中文网手册 发布
tabindex
全局属性指示是否它的元件可以被聚焦,并且如果/它在顺序键盘导航参与(通常使用Tab键,因此而得名)。它接受一个整数作为一个值,不同的结果取决于整数的值:
负值(通常tabindex="-1"
)意味着元素应该是可聚焦的,但不应该是通过顺序键盘导航可达。对于使用JavaScript创建可访问的小部件非常有用。
tabindex="0"
意味着该元素应该在顺序键盘导航中可以聚焦,但其顺序由文档的源顺序定义。
正值意味着元素应该是在顺序键盘导航可聚焦的,以其顺序由数的值来定义。也就是说,tabindex="4"
之前会集中tabindex="5"
,但之后tabindex="3"
。如果多个元素共享相同的正值tabindex
,则它们相对于彼此的顺序将遵循其在文档源中的位置。
与元素tabindex="0"
,一个无效的值,或者没有tabindex
属性应该具有正元素之后被聚焦tabindex
在顺序键盘导航顺序的值。
如果我们将tabindex
属性设置为<div>
,那么它的子内容不能用箭头键滚动,除非我们也设置tabindex
内容。
注:最大值为tabindex
32767.如果未指定,则采用默认值-1。
规范 | 状态 | 评论 |
---|---|---|
HTML生活标准该规范中'tabindex'的定义。 | 生活水平 | 最新的快照,HTML 5.1没有变化 |
HTML 5.1该规范中'tabindex'的定义。 | 建议 | HTML Living Standard的快照,HTML5没有改变 |
HTML5该规范中'tabindex'的定义。 | 建议 | HTML生活标准快照。从HTML 4.01规范中,该属性现在支持所有元素(全局属性)。 |
HTML 4.01规范该规范中'tabindex'的定义。 | 建议 | 仅支持<a>,<area>,<button>,<object>,<select>和<textarea>。 |
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|
Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |