首页 > 解决方案 > React 中的多个按键

问题描述

当同时按下两个键时,我无法更新 keysPressed。我有以下代码,当只按下一个键时它可以完美运行。

  const keysPressed = {'w':false, 'a':false, 's':false, 'd':false};

  document.addEventListener('keydown', (event) => {
      keysPressed[event.key] = true;
  });

  document.addEventListener('keyup', (event) => {
      keysPressed[event.key] = false;
  });

  const handleKeyPress = (event) => {
    console.log(JSON.stringify(keysPressed))
  }

标签: javascriptreactjsuser-interfacekeyboard

解决方案


推荐阅读