如何在某些按键上更改空 HTML 中的背景颜色（绿色/红色）？

Question

有人有关于如何在按下某些按钮时更改 HTML 中的背景颜色的解决方案吗，例如字母 A。 每当我按下按钮 A 颜色切换到其他颜色（红色到绿色，或绿色到红色），并保持这种状态。但好处是当我不专注于网络浏览器时它可以工作，所以当我通过浏览器使用其他应用程序时它可以工作。对不起，菜鸟问题和语言障碍。谢谢你的回复。

类似于此链接，但应该在按键按钮上： 如何使用一个按钮改变不同的背景颜色

Answer 1

我认为不可能做到这样，当从另一个窗口按下 A 键时，它会激活，因为在大多数操作系统上，键盘会自动聚焦到聚焦的窗口。可能有它的应用程序，但使用起来真的很不方便（如果你试图在该应用程序内按 A 键，它会转到你的窗口）。

但是，如果您确实找到了方法，这就是您的答案。 作为参考，我假设您网站的背景已经是红色了。

      let isRed = true;
  document.addEventListener('keydown', (event) => {
    if (event.key === 'a') {
      if (isRed) {
        document.body.style.backgroundColor = 'green';
        isRed = false;
      } else {
        document.body.style.backgroundColor = 'red';
        isRed = true;
      }
    }
  });

我不知道为什么你的帖子有反对票，这是一个有趣的问题。我不认为我的回答能完全帮助你，但我希望我能把你推向成功的正确方向！