从输入字段按下选项卡时，控制下一个元素应该具有focus（）

Question

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

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

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

我正在使用淘汰赛，以防它相关。

Answer 1

在html上设置tabindex属性

Example on jsFiddle

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

Answer 2

要补充@ BrunoLM的答案，如果你想要动态，可以使用tabindex和attr绑定，就像你想控制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 "}" />