javascript - 如果用户在 javascript 中按下两个键如何做某事

Question

所以我写了这个脚本，这样你就可以在你的网站上使用键盘快捷键，我想知道如何做多个键(即不是只做“左箭头”键，而是“ctrl + 左箭头” "。这是我当前的语法:

var arrow = {
    left: 37,
    up: 38,
    right: 39,
    down: 40
};

function DoSomething() {}

$(document).ready(function() { // requires jQuery
    $("body").keydown(function(event) {
        if(event.keyCode == arrow.left) {
            DoSomething();
        }
    }
}

但是我想做的是这样的:

var arrow = {
    left: 37,
    up: 38,
    right: 39,
    down: 40
},

ctrl = 17;

function DoSomething() {}

$(document).ready(function() { // requires jQuery
    $("body").keydown(function(event) {
        if(event.keyCode == ctrl && arrow.left) {
            DoSomething();
        }
    }
}

Answer 1

jQuery 中提供的事件对象会告诉您 ctrl 键是否被按下。

$(document).on("keydown", function (event) {
    if (event.ctrlKey && event.which === arrow.left) {
        console.log("You pressed left, and control.");
    }
});

演示:http://jsfiddle.net/zcMXR/