jquery - 控制从输入字段按下选项卡时哪个元素下一个应该具有焦点（）

Question

我在页面上有一个元素列表，其中一些是输入，其他锚点等。当我在输入时，我想告诉浏览器如果我点击选项卡应该将焦点推到哪个输入选项卡。

现在我的一个输入是当我点击标签时将我推到一个菜单项；我希望它转到下一个输入。我在这里寻找一种通用方法，因为我不知道从哪里开始。

我的输入字段的数量和名称也是动态的。

我正在使用淘汰赛以防万一。

Answer 1

在html上设置tabindex属性

jsFiddle 上的示例

<input type="text" tabindex="1" />
<input type="text" tabindex="4" />
<input type="text" tabindex="3" />
<input type="text" tabindex="2" />

Answer 2

为了补充@BrunoLM 的答案，如果您要进行动态操作，则可以使用tabindexwith attr binding，例如当您想控制tab键对输入的影响时。

<input type="text" data-bind="attr :{'tabindex' : dynamicNumber "}" />    

<a data-bind="attr: { href: url, title: details }">Report </a>

<input type="text" data-bind="attr :{'tabindex' : dynamicNumber "}" />