var left , right , up , down ;
left = right = up = down = 0 ;
document.addEventListener('keydown', function (evt) {
switch (evt.which) {
case 37: // left
left = 1 ;
break;
case 38: // up
up = 1 ;
break;
case 39: // right
right = 1 ;
break;
case 40: // down
down = 1 ;
break;
};
});
document.addEventListener('keyup', function (evt) {
switch (evt.which) {
case 37: // left
left = 0 ;
break;
case 38: // up
up = 0 ;
break;
case 39: // right
right = 0 ;
break;
case 40: // down
down = 0 ;
break;
};
});
var direction = 0
document.addEventListener('keydown', function (evt) {
switch (evt.which) {
case 37: // left
direction = -1
break
case 38: // up
// jump
break
case 39: // right
direction = 1
break
case 40: // down
// nothing to do
break
})
document.addEventListener('keyup', function (evt) {
if ((evt.which == 37 && direction < 0) ||
(evt.which == 39 && direction > 0)) {
direction = 0
}
})
JS可以主动监测吗?不可以。可以在按键时保存相应按键是否被按下的信号,并保证一个按键信号判断函数在执行队列常驻,用这种方式模拟“主动”。
按下和松开是一对成对的逻辑,如果只在按下的时候的改变变量,你按下左右键的先后顺序就会左右最终的方向。@XiNGRZ的思路的核心是正确的思路,将keyup和keydown都做绑定。
跟@XiNGRZ的思路稍微有些不同,我的方案里会为每个按键留下信号。这样才能对两个键同时按下的情形做处理,同时可以充分解耦。这个方案的两段,关注点分离,也易于扩展。
按键处理及信号保存:
刷新数值相关代码:
这段代码只是说明一下思路,大致上是这个意思。
direction
负数代表向左,正数代表向右,零代表留在原地。按下【←】的时候会将
direction
赋值为-1
,松开重置为0
;【→】同理。于是任何时候你就可以判断
direction
的值代表的方向了。不行,我从来没有看到过这种用法。这个就是本地游戏的好处。