还是在项目迁移中,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型的解析有关。

前端技术也要不断去学习啊!!!要站稳全栈的脚步

原文链接

TabIndex 属性:Tabindex=-1 与Tabindex=0、任意数字相关推荐

  1. TabIndex 属性 Tabindex -1 与Tabindex 0 任意数字

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  2. input标签的tabindex属性 a标签的tabindex属性

    HTML里面tabindex属性--带有指定tab键顺序的链接. tabindex=1tabindex=2tabindex=3 tab键用于导航链接时,按几次就在所对应的链接里. tabindex=- ...

  3. tabindex属性_tabindex(HTML属性)

    tabindex属性 描述 (Description) The tabindex is used to define a sequence that users follow when they us ...

  4. TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字 (收录)

    TabIndex 属性 Tabindex="-1" 与Tabindex="0".任意数字 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动 ...

  5. TabIndex 属性 Tabindex=-1 与Tabindex=0、任意数字

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  6. HTML中tabIndex属性马克 tabIndex='-1'是什么意思

    转自:http://blog.csdn.net/tom0008668/article/details/64904752 html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦 ...

  7. html中tabindex属性是啥意思

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  8. TabIndex 属性

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

  9. html中的tabIndex属性使用简介

    html中的tabIndex属性可以设置键盘中的TAB键在控件中的移动顺序,即焦点的顺序. 把控件的tabIndex属性设成1到32767的一个值,就可以把这个控件加入到TAB键的序列中. 这样,当浏 ...

最新文章

  1. 解决cocopods不提示第三方库名字的方法
  2. 普适方案|资管新规落地,资管领域存量市场竞争激烈。专家:得转型(附产品推广)
  3. java if else 过多_Java中if-else过多怎么解决
  4. asp.net 表单总结
  5. boost::mp11::mp_any_of相关用法的测试程序
  6. git 几种还原版本_Git恢复之前版本的两种方法reset、revert(图文详解)
  7. php sql 去除重复数据,MSSQL_快速删除重复记录,SQL Server如何实现?,如果一张表的数据达到上百万 - phpStudy...
  8. vue 指令 v-on 函数传参
  9. 病毒及攻击防御手册之八
  10. BERT源码分析PART I
  11. iOS 之 Property List
  12. python必备入门代码-小白入门Python开发,必备技能有哪些?
  13. redist mysql_Windows下安装 MySQL
  14. python编写财务软件_python 与财务
  15. SketchUp-2022版本
  16. 【容斥好题】HDU - 5514 F - Frogs
  17. window本地运行hadoop 测试用例 failed to create symlink
  18. 读书笔记 《第二章 复盘之道》
  19. Anaconda3+python3.7成功安装dlib-19.19.0库(稀里糊涂)
  20. 记录一个删库跑路的技巧(如何快速删除数据库下面的所有表)

热门文章

  1. ROS下如何将GPS数据在卫星地图显示(两种开源方法)
  2. Visual Studio版本比较(VS6 -- VS2008)
  3. npm包发布正式和测试版
  4. 过来人:软件测试自学还是报班好?需要掌握哪些技能?
  5. Java 基础语法知识 - 万丈高楼平地起
  6. 【Java】JVM内存回收
  7. CSS的px和em的区别
  8. OpenCV对TBB的支持
  9. FLASH常见问题(转载)
  10. mysqladmin命令的用法