Javascript 按下enter键时,将焦点设置为下一个下一个框

Javascript 按下enter键时,将焦点设置为下一个下一个框,javascript,Javascript,HTml 我有这把小提琴 用这个 拨弄 但是更新的小提琴不起作用,请帮助这是因为.nextAll()只选择下一个兄弟姐妹,在第一个小提琴输入中是兄弟姐妹,而在第二个小提琴输入中不是。在您的情况下,更好的选择是使用.index()方法: $("input").bind("keydown", function(event) { if (event.which === 13) { event.stopPropagation(); event.preventD

HTml

我有这把小提琴

用这个

拨弄


但是更新的小提琴不起作用,请帮助这是因为
.nextAll()
只选择下一个兄弟姐妹,在第一个小提琴输入中是兄弟姐妹,而在第二个小提琴输入中不是。在您的情况下,更好的选择是使用
.index()
方法:

$("input").bind("keydown", function(event) {
    if (event.which === 13) {
        event.stopPropagation();
        event.preventDefault();
        $(this).nextAll("input").eq(0).focus();
    }
});

这是因为
.nextAll()
只选择下一个同级,并且在第一小提琴输入中是同级,而在第二小提琴输入中不是同级。在您的情况下,更好的选择是使用
.index()
方法:

$("input").bind("keydown", function(event) {
    if (event.which === 13) {
        event.stopPropagation();
        event.preventDefault();
        $(this).nextAll("input").eq(0).focus();
    }
});

var $inputs = $("input").on("keydown", function(event) {
    if (event.which === 13) {
        event.stopPropagation();
        event.preventDefault();
        // `i` is the index of the current element 
        // in the cached jQuery collection
        var i = $inputs.index(this);
        $inputs.eq(i+1).focus();
    }
});