javascript - onkeypress 事件按下 方位键 无效怎么解决？？

Question

window.addEventListener('keypress' , function(){
    console.log('事件触发');
} , false);

绑定事件后，其他按键按下后都会触发，只是 上下左右 四个方位键不会触发，怎么破？？

Answer 1

1. keydown：当用户按下键盘上的任意键时触发，而且如果按住不放的话，会重复触发此事件。

2. keypress：当用户按下键盘上的字符键时触发，而且如果按住不放的话，会重复触发此事件。 按下Esc 键也会触发这个事件。Safari 3.1 之前的版本也会在用户按下非字符键时触发keypress 事件。

3. keyup：当用户释放键盘上的键时触发。

摘自红宝书

题主可以考虑用另外两个事件代替

一直按着方向键下，不松开的输出结果

Answer 2

浏览器默认你的行为是移动页面，可以这样解决

$(document).keypress(function(e) {
  var code = (e.keyCode ? e.keyCode : e.which);
  if (code == 40) {
    alert("down pressed");
  } else if (code == 38) {
    alert("up pressed");
  }
});