如何检测JS中的键盘快捷键？（在我的情况下 Alt+Z）[重复]答案

【问题标题】：How to detect keyboard shortcut in JS? (In my case Alt+Z) [duplicate]如何检测JS中的键盘快捷键？（在我的情况下 Alt+Z）[重复]
【发布时间】：2021-02-28 20:19:19
【问题描述】：

所以在我的网站上，我想制作一个小框，仅当我按住 Alt+Z 时才显示当前鼠标位置，并在我释放热键时消失。

【问题讨论】：

这能回答你的问题吗？ Detecting combination keypresses (Control, Alt, Shift)?
我认为主要问题是显示一个位于当前鼠标位置的框，并将其与事件侦听器结合起来

标签： javascript

【解决方案1】：

这应该可以解决您的问题。

window.addEventListener("keydown", e => {
    if(e.keyCode == 90 && e.altKey) alert("Hello World!");
});

【讨论】：

Alt 键，而不是 Ctrl 键
非常感谢，我读错了问题-sn-p也是一个很好的接触

【解决方案2】：

您可以使用addEventListener 方法监听快捷方式（事件）：

document.addEventListener('keyup', function (event) {
    if (event.key == "z" && event.altKey){
        console.log("Alt + Z pressed!")
        // Do some other stuff here
    }
})

这适用于整个文档；如果您只想为某个元素添加侦听器，则该方法也适用于该HTMLElement。

Here's 现场直播jsfiddle 演示。

【讨论】：

很好的答案。感谢 jsfiddle 演示。

【解决方案3】：

您可以通过将 next 方法添加到 document.onkeyup 事件来做到这一点：

document.onkeyup = function(e) {
  if (e.altKey && event.key == "z") {
    alert("ALT + Z keys were pressed");
  }
};

【讨论】：