美文网首页
tabindex属性的作用

tabindex属性的作用

作者: struggle3g | 来源:发表于2018-09-23 22:01 被阅读78次

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时,用到了该属性。


本文来自 hellogjq 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/u012698342/article/details/70045568?utm_source=copy

相关文章

  • tabindex属性的作用

    tabindex有三个值:0 ,-1, 以及X(X里32767是界点,稍后说明) 原本在Html中,只有链接a和表...

  • tabindex属性

    简介 1 .tab键的作用 2 .默认支持切换的元素:这些元素是focusable元素 tabIndex的作用 1...

  • Tabindex

    1、tabindex 属性可以设置键盘中的TAB键在控件中的移动顺序,及焦点的顺序 2、 tabindex 属性值...

  • html tabindex属性

    来源:http://itssh.cn/post/906.html 定义:tabindex 属性规定元素的 tab ...

  • 按Tab键,input元素不获得焦点

    支持 tabindex 属性的元素:a, area, button, input, object, select ...

  • 每日一问

    HTML的tabindex是什么属性,它的值分别为0,负,正时代表什么? tabindex指示元素是否可以聚焦,是...

  • tabindex 属性怎么用

    tabindex = -1 时 使用tab键不会获取焦点tabindex默认是0, tabindex大于0时 使用...

  • HTML扩展知识

    1.全局属性 几乎所有元素都具有的属性 1.1 accesskey & tabindex 1.2 id,class...

  • tabindex, taborder和notab属性的区别

    tabindex, taborder和notab属性默认状态下,所有元素(隐藏元素除外)都是表单制表(tab)顺序...

  • div元素focus、blur绑定

    如果要为div元素增加foucs和blur方法监听,需要修改div元素的tabindex属性,设置为-1;

网友评论

      本文标题:tabindex属性的作用

      本文链接:https://www.haomeiwen.com/subject/kuiqoftx.html