tabindex属性的作⽤
html href属性tabindex有三个值:0 ,-1, 以及X(X⾥32767是界点,稍后说明)
原本在Html中,只有链接a和表单元素可以被键盘访问(即使是a也必须加上href属性才可以),但是aria允许tabindex指定给任何html元素。
当tabindex=0时,该元素可以⽤tab键获取焦点,且访问的顺序是按照元素在⽂档中的顺序来focus,即使采⽤了浮动改变了页⾯中显⽰的顺序,依然是按照html⽂档中的顺序来定位。
当tabindex=-1时,该元素⽤tab键获取不到焦点,但是可以通过js获取,这样就便于我们通过js设置上下左右键的响应事件来focus,在widget 内部可以⽤到。
当tabindex>=1时,该元素可以⽤tab键获取焦点,⽽且优先级⼤于tabindex=0;不过在tabindex>=1时,数字越⼩,越先定位到。
在IE中,tabindex范围在1到32767之间(包括32767),在FF, Chrome⽆限制,不过⼀旦超出32768,顺序跟tabindex=0时⼀样。这个估计跟各个浏览器对int型的解析有关。
点击打开链接
补充说明:学习bootstrap的modal时,⽤到了该属性。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论