如果我按下Tab键，HTML中焦点将转移到哪里？

Question

当按下Tab键并且某个元素获得焦点时，有没有办法知道焦点会跳转到哪里？

我想到了一种这样使用的方法：

var nextElement = whereWillFocusJumpTo(currentElement);

谢谢！

- DanC

Answer 1

使用HTML的TABINDEX属性来控制Tab键的跳转顺序。

<input name="email" tabindex="1"></input>
<input name="phone" tabindex="2"></input>

- Damien Dennehy

Answer 2

确定选项卡顺序的算法如下：

   http://dev.w3.org/html5/spec/editing.html#sequential-focus-navigation

需要注意的一点是，如果有多个元素的tabindex为0，则选项卡顺序取决于平台，因此您可能希望确保页面上所有可聚焦的元素都具有非零tabindex。

- Alohci

Answer 3

也许您可以使用DOM枚举页面上的输入并读取tabindex属性。

- Steve Sheldon

Answer 4

通过脚本实现这个功能会非常复杂，通常情况下，包括选择框、文本框、按钮等输入类型（包括 select、textarea、button 等）以及与输入标签绑定的链接（a 标签）和标签标记都可以被聚焦，除非设置了 tabindex 属性，否则在您的标记中，下一个符合上述类型/条件的标签将成为下一个聚焦的标签。

- Tracker1

Answer 5

我认为你可以使用jquery.Listen库来完成这个任务。

像这样：

jQuery('table').listen( 'focusin', 'tr', function(){
    alert("you've focused on a row!");
});

- the_void

Answer 6

只要您为页面上的所有对象设置了tabindex，就可以使用JavaScript查找当前对象的下一个增量。

- websch01ar

---

使用onblue()事件调用您的对象，传递容器的ID。 函数名称(x) { var next=document.getElementById(x).tabindex + 1从那里开始找到具有下一个tabindex值的元素。 - websch01ar