javascript - jQuery - 获取 <input> 抛出按键事件的索引

Question

我正在尝试获取一组输入之间的输入索引。基本上，我有一个表格，其中不止一行包含许多输入。

一旦用户按下“enter”按钮，当输入聚焦时，我需要跳转到下一个输入字段，就像“tab”键一样。

我正在关注 this接受了回应，这就是我到目前为止所做的: Fiddle

代码

$(document).keypress(function(e){
    if( e.which == 13 && e.target.nodeName == 'INPUT'){
        var inputs = $("#inputsTable input.td_in");
        alert(inputs.index(this));
    }
});

如您所见，每次您聚焦输入然后按 ENTER 时，弹出消息都会显示“-1”..

我做错了什么？我已经为这段代码苦苦挣扎了一个小时，我要放弃了。

---

我发现将 this 替换为 e.target 也可以。

代码

$(document).keypress(function(e){
    if( e.which == 13 && e.target.nodeName == 'INPUT'){
        var inputs = $("#inputsTable input.td_in");
        alert(inputs.index(e.target));
    }
});

Answer 1

那是因为 this 引用了 document，而不是你的 input。

使用.on() , 并传递给它一个 input.td_in 选择器:

$('#inputsTable').on('keypress', 'input.td_in', function (e) {
    if( e.which == 13 ) {
        var inputs = $("#inputsTable input.td_in");
        alert(inputs.index(this));
    }
});

P.S. 你可能应该 cache that selector .