是否有任何方法在选项卡键按下的特定html控件上设置焦点？

Question

在用户从当前焦点控件点击选项卡键后，我需要在按钮上设置焦点。请注意，在当前焦点控件和所需按钮之间还有其他动态控件，我不希望焦点移走。

控制安排如下：

<dynamic drop down control 1>
<dynamic drop down control 2>
<dynamic drop down control 3 (Focus is currently here)>
<dynamic drop down control 4>
<dynamic drop down control 5>
...
...
<dynamic drop down control n>
<the button>

当用户选择当前选择的特定值时，我希望将下一个Tab目标设置为按钮，然后下拉并按tab键。

请注意，我不能将焦点立即设置为按钮的下拉值onChange。用户必须仅通过选项卡选择按钮。

在JS的JQuery中有任何方法可以实现这一点吗？由于控件的数量是动态的，所以这里不能使用硬编码的TabIndex。

Answer 1

将所有动态下拉元素的属性表索引设置为负值：

tabindex="-1"

这使得所有这些元素都不是表式的，而是仍然可以聚焦的。

看看这是否符合你的需要：

--DEMO--

​