jquery - Tab 键不起作用

Question

我使用此代码来阻止用户在文本框中输入数值:

$('input[type=text]').keydown(function(event) {
    // Allow only backspace and delete
    if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 190) {
        // let it happen, don't do anything
    }
    else {
        // Ensure that it is a number and stop the keypress
        if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
            event.preventDefault();
        }
    }
});

但是，这会阻止 Tab 键聚焦到下一个文本框。如果我add this code对于 keydown 事件，tab 键可以工作，但用户根本无法在文本框中输入任何值，并且 tab 键只会关注紧邻的下一个框。之后，再次按 Tab 键时，它不会转到下一个框。

var code = event.keyCode || event.which;
if (code == 9) {
    alert ("Tab key pressed");
}
return false;

这是 jsfiddle 上的代码:http://jsfiddle.net/N7BWF/1/

Answer 1

if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105))

这行代码包含9(制表符)。如果要启用 tab，则必须将 && event.keyCode != 9 添加到 if 条件。