javascript - 如何在现有的JavaScript函数中添加JavaScript键盘快捷键？

这是我的代码:

function pauseSound() {
    var pauseSound = document.getElementById("backgroundMusic");
    pauseSound.pause();
}

我想在此代码中添加键盘快捷键，如何做到这一点，以便当单击按钮时也可以执行该功能？

试图添加一个else if语句，但是它不起作用，有什么想法吗？

function doc_keyUp(e) {
    if (e.ctrlKey && e.keyCode == 88) {
        pauseSound();
    }

    else if (e.ctrlKey && e.keyCode == 84) {
        playSound();
    }
}

最佳答案

文档的keyup事件的事件处理程序似乎是一个合适的解决方案。
注意:不建议使用KeyboardEvent.keyCode，而建议使用key。

// define a handler
function doc_keyUp(e) {

    // this would test for whichever key is 40 (down arrow) and the ctrl key at the same time
    if (e.ctrlKey && e.key === 'ArrowDown') {
        // call your function to do the thing
        pauseSound();
    }
}
// register the handler
document.addEventListener('keyup', doc_keyUp, false);