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型的解析有关。

转载于:https://www.cnblogs.com/kunmomo/p/11572878.html

无障碍开发（九）之tabindex属性相关推荐

HTML tabindex属性与web网页键盘无障碍访问
转摘自:http://www.zhangxinxu.com/wordpress/2017/05/html-tabindex/ HTML虽然入门简单,但是,要想日后深入,却要花费非常大量的时间,因为一些 ...
html 游戏键盘,HTML tabindex属性与web网页键盘无障碍访问
本文要介绍的是属性tabindex和下一篇要介绍的accesskey,与web网页无障碍访问息息相关,而且是键盘访问领域的.这些属性不仅可以触发浏览器层面的行为,本身对HTML的元素的交互特性甚至UI ...
从零开始实现 ASP.NET Core MVC 的插件式开发(九) - 如何启用预编译视图
标题:从零开始实现 ASP.NET Core MVC 的插件式开发(九) - 升级.NET 5及启用预编译视图作者:Lamond Lu 地址:https://www.cnblogs.com/lwql ...
无障碍开发系列之准则及评级
欢迎访文我的博客YangChen's Blog 无障碍开发准则无障碍支持的怎么样?自然需要一个标准来判定,这个标准是W3C制定的,分为3个等级,分别A.AA.AAA,AAA级是无障碍的最高等级.这个 ...
acc--›Android无障碍开发入门
文章目录前言创建无障碍程序 1.配置无障碍信息属性的说明 accessibilityEventTypes accessibilityFeedbackType accessibilityFlags ...
【Android 应用开发】Android 无障碍开发简介 ( Android 无障碍开发辅助技术 | 启用 TalkBack 无障碍功能 | TalkBack 无障碍开发示例 )
文章目录一.Android 无障碍开发辅助技术二.启用 TalkBack 无障碍功能三.TalkBack 无障碍功能代码示例官方文档 : Android 无障碍功能概览一.Android 无 ...
STC8H开发(九): STC8H8K64U模拟USB HID外设
目录 STC8H开发(一): 在Keil5中配置和使用FwLib_STC8封装库(图文详解) STC8H开发(二): 在Linux VSCode中配置和使用FwLib_STC8封装库(图文详解) ST ...
iOS开发UI篇—transframe属性（形变）
iOS开发UI篇-transframe属性(形变) 1. transform属性在OC中,通过transform属性可以修改对象的平移.缩放比例和旋转角度常用的创建transform结构体方法分两 ...
javascript tabIndex属性
tabIndex 的用处很简单,就是利用tab键遍历页面的表单元素和链接,按照tabindex的大小决定顺序.虽然微不足道,但细节处见真功夫,这是任何一个WEB应用应当具备的亲用力,保证用户在没有鼠标 ...
TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字 (收录)
TabIndex 属性 Tabindex="-1" 与Tabindex="0".任意数字 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动 ...

无障碍开发（九）之tabindex属性

tabIndex

无障碍开发（九）之tabindex属性相关推荐

最新文章

热门文章