使用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 进行处理。