绑定密钥以在我的网站上打开特定网站答案

【问题标题】：Bind key to open a specific website on my website绑定密钥以在我的网站上打开特定网站
【发布时间】：2022-02-18 03:58:02
【问题描述】：

我正在为我的学校创建一个关于某个主题的网站。我想如果我放一个小“秘密”会很有趣，我可以按下一个按钮来打开一个秘密页面或覆盖......

使用以下内容的网站示例： https://krunker.io/（在主菜单按数字“5”）

【问题讨论】：

stackoverflow.com/questions/2511388/…
这能回答你的问题吗？ How can I add a JavaScript keyboard shortcut to an existing JavaScript Function?

标签： javascript html

【解决方案1】：

很简单，你可以像这样在body中添加一些事件监听器。

body = document.querySelector("body")
body.addEventListener("keyup", (event) => {
    console.log(event)
})

然后，如果您看到事件变量。当您在页面上时，您会看到您按下了哪个键。了解后，您可以自定义功能以达到您想要的效果。例如，如果按下“w”：

body.addEventListener("keyup", (event) => {
    if(event.key === "w"){
      // Do something here
    }
})

【讨论】：

【解决方案2】：

您好，您可以使用类似的方式绑定到您的网站

document.addEventListener("keydown", (event) => {
  // Move this to a separate function to manage the logic
  if (event.code === "Numpad9") {
    console.log("Numpad9 Pressed");
  }

  // Your page here
  window.open("www.youtube.com", "_blank");
});

【讨论】：