有没有办法在Tab键按下时将焦点设置在特定的html控件上？

Question

我需要在用户从当前聚焦的控件中击中Tab键后将焦点设置在按钮上。请注意，当前聚焦控件和所需按钮之间还有其他动态控件，我不想让焦点去。

控制安排如下：

<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键时，我想将Next Tab目标设置为按钮。

请注意，我无法在下拉值onChange上立即将焦点设置到按钮上。用户必须仅通过标签选择按钮。

JS的JQuery有什么方法可以实现这个目的吗？由于控件的数量是动态的，我不能在这里使用硬编码的TabIndex。

Answer 1

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

tabindex="-1"

这使得所有这些元素都不具备可能性，但仍然可以集中精力。

查看是否符合您的需求：

--DEMO--