转载一篇关于tab键与focus的文章
来源:互联网 发布:linux 文件夹读写权限 编辑:程序博客网 时间:2024/06/13 22:19
Focusable
HTML 元素中,并不是所有元素都可以获得焦点,有如下元素可以获得焦点: a
, area
, button
, input
, object
, select
, textarea
,这些元素就是 focusable 元素。
而除了上述元素之外,还可以通过如下方式使元素变为 focusable 元素:
- 设置了
tabindex
属性的元素 - 设置了
contenteditable="true"
属性的元素
要想一个 focusable 元素获得焦点,则有三种方式:
- 使用鼠标点击元素
- 调用元素的
focus()
方法 - 通过 Tab 键进行却换
tabindex
tabindex 的一大作用就是让元素可以获得焦点,从而触发 focus 状态。给联系人列表的元素 li 都加上该属性后,我遇到的问题也就解决了。
tabindex 的另一个作用,就是设定 Tab 键切换的顺序。tabindex 有如下几个值:
- 1 ~ 32767: 通过 Tab 键切换时,切换顺序将遵循数字的大小(从小到大),数字相同则按出现的先后次序进行切换
- 0: 默认值,当 tabindex > 0 的元素都切换之后,才会切换到 tabindex = 0 的元素,并且按出现的先后次序进行切换
- 负数(通常为 -1): 通过 Tab 键无法切换到该元素,但鼠标点击可以获取焦点
阅读全文
0 0
- 转载一篇关于tab键与focus的文章
- 转载一篇关于 哈弗结构与冯诺依曼 的文章
- 转载的一篇关于vld的文章
- 转载一篇关于庄子的文章
- (转载)关于module的一篇文章
- 关于ARM启动的一篇文章(转载)
- 转载一篇文章,关于编码的,受益匪浅
- 转载一篇关于Setsockopt的文章
- 转载一篇关于虚拟文件系统的文章
- 转载一篇关于中断的文章
- 转载一篇关于堆栈的好文章
- 转载一篇关于oracle patch 的文章
- 转载一篇关于函数指针的文章
- 转载一篇关于makefile的文章
- 转载的一篇文章
- 转载的一篇文章
- 转载关于一篇关于oracle数据的导入导出文章
- 转载一篇关于国外计算机专业教育机制的文章,相比与国内教育,很有感触~
- linuxc网络通信
- Windows10安装Tensorflow1.3
- Learning Nginx
- presto集群安装以及集成kerberos
- 如何用python构建一个简单的类
- 转载一篇关于tab键与focus的文章
- WIN10下,MySQL(XAMPP)的数据库如何搬迁到ACCESS数据库上
- React Native学习笔记
- Android实现EditText的富文本编辑
- CentOS7下安装mongoDB出现问题
- sqlInjection
- web第二天css3
- 使用MATLAB自带函数求解二次特征值问题
- C语言实现C++继承和多态