tabindex属性
来源:互联网 发布:御彩轩计划软件下载 编辑:程序博客网 时间:2024/05/16 11:22
tabIndex:
当使用键盘时,tabindex是个关键因素,它用来定位html元素。
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时,用到了该属性。
0 0
- tabIndex 属性
- TabIndex 属性
- tabindex属性
- HTML DOM tabIndex 属性
- html中的tabIndex属性
- 32. Element tabIndex 属性
- 【HTML 未完】tabindex 属性
- 元素的 tabIndex 属性
- HTML tabindex 属性
- html中的tabindex属性
- input标签的tabindex属性
- TabIndex
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
- TabIndex 属性 Tabindex="-1" 与Tabindex="0"、任意数字
- html中的tabIndex属性使用简介
- TP5适用bootstrap多图上传插件
- POJ 3150 Cellular Automaton
- MYSQL 数据库总体规范
- @Test
- 高德地图集成
- tabindex属性
- swift AFNetworking封装
- anglar中通过地址查询经纬度
- 浅谈纯远程配置树莓派(一)
- CDR中实现浮雕效果的两种方法
- 2.0spring框架学习(二)依赖注入
- 全局变量,局部变量,成员变量,JQuery淡入,淡出的区别
- MQTT协议-MQTT协议简介及协议原理
- 安装MariaDB