如果按Tab键,HTML会在哪里重点关注？

Question

是否有某种方法可以知道当按下Tab键并且某个元素具有焦点时焦点会跳到哪里？

我正在考虑以这种方式使用的东西:

var nextElement = whereWillFocusJumpTo(currentElement);

谢谢!

Answer 1

使用HTML的TABINDEX属性来控制选项卡的位置.

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

Answer 2

确定标签顺序的算法如下: -

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