获取 Javascript 中所有当前按下的键的列表 [重复]

Question

这个问题在这里已经有了答案：

如何使用 JavaScript 检测是否同时按下了多个键？ （18 个答案）

6 年前关闭。

在 Javascript 中，我想编写一个函数来返回当前按下的所有键的列表（以便我可以允许用户创建自定义键盘快捷键。）有没有办法在 Javascript 中获取所有当前按下的键的列表？

Answer 1

• 每当按下一个键时，将发送一个keydown事件
• 每当释放一个键时，将触发一个keyup事件

所以你只需要将键保存在一个数组中并检查你的组合是否正确。

例子

var keys = [];
window.addEventListener("keydown",
    function(e){
        keys[e.keyCode] = true;
        checkCombinations(e);
    },
false);

window.addEventListener('keyup',
    function(e){
        keys[e.keyCode] = false;
    },
false);

function checkCombinations(e){
    if(keys["a".charCodeAt(0)] && e.ctrlKey){
        alert("You're not allowed to mark all content!");
        e.preventDefault();
    }
}

请注意，您应该尽可能使用e.key而不是e.keyCode （在本例中var key = {} ，因为e.key是一个字符串）。

Answer 2

改进以前的答案，我写了一个演示，它在 keydown 和 keyup 上打印按下的键列表。

这是在 jsfiddle 上。

var keys = [];
document.body.innerHTML = "Keys currently pressed: "
window.addEventListener("keydown",
    function(e){
        keys[e.keyCode] = e.keyCode;
        var keysArray = getNumberArray(keys);
        document.body.innerHTML = "Keys currently pressed:" + keysArray;
        if(keysArray.toString() == "17,65"){
            document.body.innerHTML += " Select all!"
        }
    },
false);

window.addEventListener('keyup',
    function(e){
        keys[e.keyCode] = false;
        document.body.innerHTML = "Keys currently pressed: " + getNumberArray(keys);
    },
false);

function getNumberArray(arr){
    var newArr = new Array();
    for(var i = 0; i < arr.length; i++){
        if(typeof arr[i] == "number"){
            newArr[newArr.length] = arr[i];
        }
    }
    return newArr;
}
​