Question

有一种很好的方法可以在带有jquery的表单中设置类似桌面的Tab键顺序吗？表单有四个文本输入和两个按钮;在最后一个按钮失去焦点后，我希望第一个文本输入获得焦点并从头开始（到第二个tb，到第三个tb ......）开始Tab键顺序。我这样做了：

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

但它只适用于Opera。 Chrome IE9和Firefox确实将重点放在第一个文本输入上，但当用户再次按Tab键时，它会转到地址栏而不是第二个文本输入。我可以在上面设置上面所有元素的绑定但是有更优雅的解决方案吗？

Answer 1

您需要为每个表单元素添加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>

Documentation here

带有jquery的循环Tab键顺序

1 个答案: