html tabindex属性

Question

我有一张表格。其中包括菜单栏，公司图标，一些链接和10个输入[type ='text']。我只为5个输入写了tabindex属性。因为我想这样才能只关注这五个输入。我怎么能这样做？

Answer 1

方法1：对相对较弱的浏览器支持有害（取决于HTML5 draft）

在您不希望获得焦点的每个元素上设置负的tabindex值。

这将使某些用户（尤其是其中非鼠标用户比例较高的屏幕阅读器用户）无法访问该页面的这些元素。

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

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

做其中任何一项都是一种用户敌对行为。不要这样做。

Answer 2

tabindex设置了项目的索引顺序，但没有对可以聚焦哪些元素设置限制。

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

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

或者，在ready()块

中

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

请记住，尽管如此，您正在剥夺用户使用键盘导航页面的能力。