html tabindex属性

Question

我有一张表格。它包括菜单栏、公司图标、一些链接和10个inputtype='text‘。我只为5个输入写了tabindex属性。因为我想让只有这五个输入可以被关注。我该怎么做呢？

Answer 1

tabindex设置项的索引顺序，但不限制哪些元素可以成为焦点。

您应该能够通过为最后一个输入提供以下JavaScript来实现您想要的结果：

<input onblur="$('#firstitem').focus();">

或者，在ready()块中

$("#lastitem").blur(function() { $('#firstitem').focus(); })

但请记住，这样做是在剥夺用户使用键盘导航页面的能力。

Answer 2

方法1:相对较弱的浏览器支持是有害的(这取决于HTML5 draft)

在每个你不想获得焦点的元素上设置一个负的tabindex值。

这将使某些用户(特别是屏幕阅读器用户，其中非鼠标用户所占比例较高)无法访问页面的这些元素。

方法2:同样有害，但具有相对较高的浏览器支持。

使用JavaScript将onfocus事件处理程序绑定到不希望接收焦点的每个元素。让它调用第一个表单控件的focus()方法。

执行这两种操作都是对用户怀有敌意的行为。不要这样做。