Question

在chrome（windows）中，我可以捕获字符上的按键，但不能捕获箭头键上的按键。请参阅下面的示例代码：

＆＃13;

$('body').on('keypress', function(e) {
  console.log('Only works on charcters, in chrome')
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

＆＃13;

如何捕捉箭头按键？

Answer 1

尝试将keypress更改为keyup：

$('body').on('keyup', function(e) {
  console.log('Works on everything :)')
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

我认为keydown工作正常

$('body').on('keydown', function(e) {
  console.log('Only works on charcters, in chrome')
});

Fiddle

Answer 3

我非常喜欢这个模块用于按键触发：

https://github.com/madrobby/keymaster

它确实减少了使用按键时需要写入的样板代码量。

// define short of 'down'
key('down', function(){ alert('you pressed down') });

Answer 4

如何捕捉箭头按键？

使用e.keyCode检测按下了哪个键。

像这样：

$('body').on('keyup', function(e) {
     if (e.keyCode == '38') {
         alert("up arrow");
     }
     else if (e.keyCode == '40') {
         alert("down arrow");
     }
     else if (e.keyCode == '37') {
         alert("left arrow");
     }
     else if (e.keyCode == '39') {
         alert("right arrow");
     }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如何在Chrome中触发箭头按键？

4 个答案: