javascript - 按左/右箭头执行某些操作

Question

我想在按下向左或向右箭头时触发另一个元素上的单击事件。这是代码:

$(window).keypress(function (e) {
  var key = e.which;
  if(key == 13 || key == 39) { // the enter key code or right arrow
    $('.next').click();
    return false;  
  } else if(key == 37) { // left arrow
    $('.prev').click();
    return false;  
  }
});

使用Enter键，它的工作方式就像一个魅力，但是按下箭头时，什么也没有发生，就像使用飞溅的鲤鱼一样! :) 我错过了什么？

相关问题:Press left and right arrow to change image?

Answer 1

箭头键不会触发 keypress 事件，但它们会触发 keyup 或 keydown事件。

最好使用 keyup，因为在按住某个键时可以多次触发 keydown。

$(window).keyup(function (e) {
  var key = e.which;
  if(key == 13 || key == 39) { // the enter key code or right arrow
    $('.next').click();
    return false;  
  } else if(key == 37) { // left arrow
    $('.prev').click();
    return false;  
  }
});