将多个键绑定到 Keypress 事件

Question

我目前正在使用这个 Javascript 按键代码在按键时触发事件：

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

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

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

但我想知道的是，我是否可以绑定两个键的组合而不是绑定一个键。我可以做类似的事情吗：

$(document).keydown(function(e) {
    switch(e.keyCode) { 
        case 39 && 37:
            e.preventDefault();
            alert("Arrow Key");
        break;
    }
});

Answer 1

如果您想一次检查多个键，您应该只使用一个常规键和一个或多个修改键 (alt/shift/ctrl)，因为您无法确定是否可以同时按下用户的两个常规键键盘（实际上，它们总是可以按下，但由于键盘的接线方式，PC 可能无法理解）。

您可以使用 e.altKey、e.ctrlKey、e.shiftKey 字段来检查是否按下了匹配的修饰键。

例子：

$(document).keydown(function(e) {
    if(e.which == 98 && e.ctrlKey) {
        // ctrl+b pressed
    }
});

Answer 2

为什么不使用if 而不是switch？

$(document).keydown(function(e) {
    if ((e.keyCode === 37) || (e.keyCode === 39)) {
        e.preventDefault();
        alert("Arrow Key");
    }
});

Answer 3

您可以使用 case fallthrough：

$(document).keydown(function(e) {
    switch(e.which) { 
        case 39:
        case 37:
            e.preventDefault();
            alert("Arrow Key");
            break;
    }
});

请注意，我使用e.which 而不是e.keyCode 以使其在所有浏览器中都能正常工作（jQuery 自动将实际包含关键代码的属性分配给 e.which）。