Javascript 带jquery的循环选项卡顺序

Javascript 带jquery的循环选项卡顺序,javascript,jquery,Javascript,Jquery,使用jquery在表单中设置类似桌面的选项卡顺序有什么好方法吗?表单有四个文本输入和两个按钮;最后一个按钮失去焦点后,我希望第一个文本输入从开始(到第二tb,到第三tb…)获得焦点和开始选项卡顺序。我这样做: $('body').delegate('#second_button', 'blur', function() { $('#first_input_text').focus(); }); 但它只适用于歌剧。ChromeIE9和Firefox确实将焦点设置在

使用jquery在表单中设置类似桌面的选项卡顺序有什么好方法吗?表单有四个文本输入和两个按钮;最后一个按钮失去焦点后,我希望第一个文本输入从开始(到第二tb,到第三tb…)获得焦点和开始选项卡顺序。我这样做:

    $('body').delegate('#second_button', 'blur', function() {
        $('#first_input_text').focus();
    });

但它只适用于歌剧。ChromeIE9和Firefox确实将焦点设置在第一个文本输入上,但当用户再次按tab键时,它将转到地址栏而不是第二个文本输入。我可以将上述绑定设置为循环中的所有元素,但是否有更优雅的解决方案?

您需要为每个表单元素添加一个tabindex属性-例如:

<FORM action="..." method="post">
<P>
<INPUT tabindex="1" type="text" name="field1">
<INPUT tabindex="2" type="text" name="field2">
<INPUT tabindex="3" type="submit" name="submit">
</P>
</FORM>


您的意思是?已经尝试过了,但当选项卡顺序中的最后一个元素失去焦点时,下一个元素-不感兴趣的组获得焦点,然后是ui,并在它返回到具有选项卡索引1的元素之后