如何通过按Tab键使项目不可迭代

时间:2019-07-18 15:58:00

标签: javascript html

当用户按下Tab键时,我想使网页上的特定对象不可迭代。更具体地说,我有一个带有文本输入框和复选框的网页,如果用户按下“ tab”,我希望Web浏览器遍历文本输入框,但跳过这些复选框。

但是从一般意义上来说,网络浏览器可以“浏览”哪些对象?如何设置/控制?

1 个答案:

答案 0 :(得分:0)

您可以在HTML元素内使用属性tabIndex = "-1"

<input />
<p>This bunch of checkboxes will be skipped on Tab</p>
<input tabIndex="-1"  type="checkbox" name="vehicle1" value="Bike"> I have a bike<br>
<input tabIndex="-1"  type="checkbox" name="vehicle2" value="Car"> I have a car<br>
<input tabIndex="-1"  type="checkbox" name="vehicle3" value="Boat"> I have a boat<br>
<input />