使用Tab键控制切换网页光标位置

使用tabIndex属性可以很方便的控制光标位置,具体用法

<element tabindex="number">

其中的数字:
1 ~ 32767( 2的15次方减1): 通过 Tab 键切换时,切换顺序将遵循数字从小到大,数字相同则按出现的先后次序进行切换。
0: 默认值,当 tabindex > 0 的元素都切换之后,才会切换到 tabindex = 0 的元素,并且按出现的先后次序进行切换
负数(通常为 -1): 通过 Tab 键无法切换到该元素,但鼠标点击可以获取焦点
例如:

<input  name="A"  tabindex="1">
<input  name="B"  tabindex="0">
<input  name="C"  tabindex="1">
<input  name="D"  tabindex="2">
<input  name="E"  tabindex="-1">

光标在A输入框时候,按tab键光标切换顺序 A -> C -> D -> B
注意:
Safari浏览器默认情况下,只支持通过 Tab 键对 input、textarea 等输入型元素、设置了 tabindex 属性的 div 等元素进行切换的,却无法切换到 a 元素,需要用户更改 Safari 的偏好设置,勾选”按下 Tab 键以高亮显示网页上的每一项”才行,或者对 Tab 键进行监听,使用 js 进行处理。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值