博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html tab键自动填充,HTML tabindex — TAB按键操作
阅读量:6361 次
发布时间:2019-06-23

本文共 685 字,大约阅读时间需要 2 分钟。

tabindex支持的元素

HTML 4.0.1,只支持, , , , , 和

HTML 5,所有HTML Element都支持,tabindex是个global attributes。

浏览器对tabindex的支持

Edge 12以上版本,以及其他所有浏览器都支持。

tabindex的value

tabindex的值是个整数,如果不设置默认值为0。

负数(通常 tabindex=”-1”),表示改元素不能被TAB键访问,但是能用Javascript或鼠标点击让元素获得focus。

用处:当有个元素是隐藏的,只有某个事件下才会显示。将元素tabindex设置为负数,就可以让TAB键访问不到该元素,但是Javascript可以调用focus()让该元素获得焦点。

tabindex=”0”,当tabindex值为正数的元素都访问完后,才会访问tabindex=”0”的元素。tabindex=”0”的元素顺序是由元素在document中的顺序决定的,从上到下,从左到右。

正数,定义元素的TAB访问顺序。tabindex=”4”在tabindex=”5”和tabindex=”0”前访问,但是在tabindex=”3”之后访问。如果多个元素有相同的正数,则按照他们的document顺序访问。

实践

避免给tabindex设置大于0 的值,这会给依赖于快捷键访问元素的用户带来困扰。我们应该保持element在document中的顺序。

如果给

设置了tabindex,则
中的内容不能通过方向键滚动,除非给
里的内容也设置tabindex。

Reference

转载地址:http://jiima.baihongyu.com/

你可能感兴趣的文章
无缝轮播
查看>>
CTS失败项分析(2)android.telephony.cts.VisualVoicemailServiceTest#testFilter_data
查看>>
三分钟,轻松了解Dapp
查看>>
GMQ交易平台满足不同客户群体的多种投资需求
查看>>
大数据开发如何入门你必须知道这些
查看>>
关于js(es5)如何优雅地创建对象
查看>>
阿里云前端周刊 - 第 28 期
查看>>
iOS 主队列同步造成死锁的原因
查看>>
es6 下比较对象是否有修改的简要方法
查看>>
windows安装mysql
查看>>
你还在看《深入理解Java虚拟机》的运行时数据模型吗?
查看>>
RIS,创建 React 应用的新选择
查看>>
线性结构上的动态规划--算法竞赛入门经典笔记
查看>>
面试官:你使用webpack时手写过loader,分离过模块吗?
查看>>
Ubuntu 16.04系统下 对OpenJDK编译好的Hotspot 进行调试
查看>>
00-利用思维导图梳理JavaSE基础知识-持续更新中!
查看>>
java中三种注释及其实际应用的意义
查看>>
【三石jQuery视频教程】01.图片循环展示
查看>>
ngrok
查看>>
ThinkPHP 模板变量输出
查看>>