javascript - jquery查找下一个没有属性的元素

Question

我有一个很大的表单，我想通过按 enter 键而不是 tab 键来浏览它。我有一个简单的脚本，它运行良好，直到我将一些禁用的字段添加到组合中。如何跳过属性为disabled的字段？

我试过使用循环，但我无法让它一起跳过两个禁用字段并专注于下一个，因为它似乎停留在禁用字段之前的字段上。

如果做不到这一点，是否有办法将 13 的输入键代码替换为制表符的输入键代码？我在这里尝试了一些解决方案，但似乎都不起作用

$('input').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        $('input')[$('input').index(this)+1].focus();
    }
});

Answer 1

您可以使用 :enabled selector .

$('input').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        $('input:enabled')[$('input:enabled').index(this)+1].focus();
    }
});

JSFiddle