javascript - onkeydown同时按两个方向键怎么触发事件。

问题描述

问 题

用键盘控制一个物体移动，按单个方向键可以，按下第二个方向键之后只是把前一个的效果覆盖了，我想要的效果是按两个键，物体能够斜移动，该怎么控制呢。
还有就算设置好了，按下两个键的事件会不会覆盖单个按键的事件呢？

解决方案

没有做过类似的东西，不过有些想法：

var Key = {
  UP: false,
  DOWN: false,
  LEFT: false,
  RIGHT: false
};

var DIRECTION = {
  38: "UP",
  39: "RIGHT",
  40: "DOWN",
  41: "LEFT"
};

dom.onkeydown = function(e) {
  if(DIRECTION[e.keyCode]) {
    Key[DIRECTION[e.keyCode]] = true; 
    move();
  }
}

dom.onkeyup = function(e) {
  if(DIRECTION[e.keyCode]) Key[DIRECTION[e.keyCode]] = false;
}

function move(){
  // 这里通过判断Key下面有哪些是true，来进行移动
}

这篇关于javascript - onkeydown同时按两个方向键怎么触发事件。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！