JavaScript 如何检测多个同时按下的按键？

如何使用 JavaScript 检测是否同时按下多个按键

问题陈述

当同时按下多个按键时，游戏引擎可能会遇到关键检测问题。例如，按空格键跳跃，按右箭头键向右移动可能会导致角色在跳跃后停止移动。这是因为用于检测按键的 keydown 函数无法处理多个同时按键。

解决方案

1. 创建一个 JavaScript 映射对象来跟踪按下的按键。

var map = {};

2. 将事件侦听器附加到 keydown 和 keyup事件。

onkeydown = onkeyup = function(e) {
  e = e || event;
  map[e.keyCode] = e.type == 'keydown';
};

3. 检查游戏引擎逻辑中是否同时按下了多个按键。

if (map[17] && map[16] && map[65]) {
  // CTRL+SHIFT+A pressed
}

附加说明

• keyCode 已被弃用，取而代之的是 key，它返回所按下的键的字符串表示形式（例如，“a”代表 A）。
• 使用 addEventListener 而不是 element.oneevent，因为后者会覆盖之前的处理程序。
• 使用 event.preventDefault() 阻止默认浏览器操作。
• 考虑创建一个辅助类或函数来抽象多键检测逻辑。

以上是JavaScript 如何检测多个同时按下的按键？的详细内容。更多信息请关注PHP中文网其他相关文章！