javascript - 当输入处于焦点时防止按键事件触发

Question

我目前正在使用一个开关在按下某个键时触发一些代码。这不是确切的代码，但它基本上是我正在使用的代码(这只是为了在此处保持简短。)

$(document).keydown(function(e) {
switch(e.keyCode) { 

case 39:
e.preventDefault();
    alert("Arrow Key");

break;

case 37:
   e.preventDefault();
    alert("Arrow Key");
}
});

如何防止事件在输入框处于焦点时触发？

Answer 1

我想你的意思是你想做 e.preventDefault() 只有当目标元素不是 input 标签时。你可以这样做:

$(document).keydown(function(e) {
    if (e.target.nodeName.toLowerCase() !== 'input') {
        switch(e.keyCode) { 
            case 39:
                e.preventDefault();
                alert("Arrow Key");

                break;

            case 37:
                e.preventDefault();
                alert("Arrow Key");
        }
    }
});

e.target 是事件发起的元素。或者，您可以使用 jQuery 的事件委托(delegate) API:

$(document).delegate(':not(input)', 'keydown', function(e) {
    switch(e.keyCode) { 
        case 39:
            e.preventDefault();
            alert("Arrow Key");

            break;

        case 37:
            e.preventDefault();
            alert("Arrow Key");
    }
});

编辑 更新了我的答案以执行“不是输入”而不是“是输入”检查。