tabindex (attribute)
tabindex (attribute)
tabindex
全局属性指示是否它的元件可以被聚焦,并且如果/它在顺序键盘导航参与(通常使用Tab键,因此而得名)。它接受一个整数作为一个值,不同的结果取决于整数的值:
负值
(通常tabindex="-1"
)意味着元素应该是可聚焦的,但不应该是通过顺序键盘导航可达。对于使用JavaScript创建可访问的小部件非常有用。
与元素tabindex="0"
,一个无效的值,或者没有tabindex
属性应该具有正元素之后被聚焦tabindex
在顺序键盘导航顺序的值。
如果我们将tabindex属性设置为<div>,那么它的子内容不能用箭头键滚动,除非我们也设置tabindex内容。看看这个小提琴来了解滚动效果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) |