HTML TabIndex属性
2024-08-24 05:42:15
TabIndex作用:
tabindex:全局属性。指示其元素是否可以聚焦(获得焦点),以及它是否/在何处参与顺序键盘导航(因通常使用tab键操作,顾因此得名)。
当使用tab键在网页控件中进行导航时,将首先移动到具有最小tabindex属性值的控件上,最后在具有最大tabindex属性值的控件上结束。
TabIndex的用法:
<a href="//www.baidu.com" tabindex="2">百度</a>
<a href="//www.sina.com" tabindex = "1">新浪</a>
HTML 4.0.1与HTML5之间的差异:
在HTML5中,tabindex属性可用于任何的HTML元素(它会验证任何HTML元素。但不一定是有用)。
在HTML 4.0.1中,tabindex属性可用于:<a>,<area>,<button>,<input>,<object>,<select>和<textarea>。
浏览器兼容性:
TabIndex的方法:
tabindex接受一个整数作为值,根据值得不同,具有不同的结果:
- tabindex=负值(通常是tabindex="-1"),表示元素是可聚焦的,但是不能通过键盘进行导航来访问到该元素。在使用tab键时,此元素被忽略。用JS做页面小组件内部键盘导航的时候非常有用,注意:如果使用-1值时,onfocus与onblur事件仍能启动。
- tabindex="0"(默认),表示元素是可聚焦的,并且可以通过键盘导航来聚焦到该元素,它的相对顺序是当前处于的DOM结构来决定的,即使采用了浮动改变了页面中显示的顺序,依然是按照HTML文档中的顺序来定位。
- tabindex=正值(32767是临界点,具体请参考注意事项),表示元素是可聚焦的,并且可以通过键盘导航来访问到该元素;它的相对顺序按照tabindex的数值递增而滞后获取焦点。如果多个元素拥有相同的tabindex,它们的相对顺序按照它们在当前DOM中的先后顺序决定。
根据键盘序列导航的顺序,值为0、非法值、或者没有tabindex值的元素应该放置在tabindex值为正值的元素后面。
如果我们在<div>上设置了tabindex属性,它的子元素内容不能使用箭头键来滚动,除非我们在内容上也设置tabindex。
注意事项:tabindex的最大值不应超过32767。在IE中,tabindex范围从1~32767之间(包括32767),在Firefox、Chrome无限制,不过一旦超出32767时,顺序跟tabindex=0时一样。如果没有指定,它的默认值为-1;
最新文章
- sokite
- Tomcat8安装, 安全配置与性能优化
- ASP.NET MVC 网站开发总结(七)——C#操作图片:多张图的拼接(旋转)
- javascript中的this应用
- poj 3270 Cow Sorting
- Python之路【第五篇】:面向对象和相关
- 【iOS问题记录】关于UITableViewCell的高度、填充
- C#中如何只保留小数点后面两位?
- OC——封装(初级与高级)
- android-supporting-multiple-devices
- Java学习之抽象类的总结
- skip32
- ASP.NET 5+EntityFramework 7
- vue——安装并新建项目
- hive字段名、注释中文显示问号
- Windows平台下不同版本SVN对比
- 关于https不支持http的解决方案
- widows下 python环境变量配置
- SOA架构商城一
- ppt修改默认字体
热门文章
- 【05】AngularJS&#160;指令
- HDU 1228 字符串到数字的转化
- 邮票(codevs 2033)
- 最小公倍数LCM
- Eddy&#39;s mistakes
- nyoj_214_单调递增子序列(二)_201403182131
- Ubuntu 16.04安装Meld文件比对工具替代Beyond Compare
- springMvc把client传过来一个String类型,转换为日期类型为例
- Centos7 上安装mysql遇上的问题:mysql无法正常启动
- 编译Linux使用的.a库文件