在JS / jQuery中绑定箭头键

如何在Javascript和/或jQuery中将功能绑定到左右箭头键？我看了一下jQuery的js-hotkey插件（包装了内置的bind函数来添加一个可识别特定键的参数），但是它似乎不支持箭头键。

#1楼

我只是结合了其他答案中的最佳方法：

$(document).keydown(function(e){
    switch(e.which) {
        case $.ui.keyCode.LEFT:
        // your code here
        break;

        case $.ui.keyCode.UP:
        // your code here
        break;

        case $.ui.keyCode.RIGHT:
        // your code here
        break;

        case $.ui.keyCode.DOWN:
        // your code here
        break;

        default: return; // allow other keys to be handled
    }

    // prevent default action (eg. page moving up/down)
    // but consider accessibility (eg. user may want to use keys to choose a radio button)
    e.preventDefault();
});

#2楼

您可以使用KeyboardJS。我为此类任务编写了库。

KeyboardJS.on('up', function() { console.log('up'); });
KeyboardJS.on('down', function() { console.log('down'); });
KeyboardJS.on('left', function() { console.log('right'); });
KeyboardJS.on('right', function() { console.log('left'); });

在此处签出库=> http://robertwhurst.github.com/KeyboardJS/

#3楼

$(document).keydown(function(e){
    if (e.which == 37) { 
       alert("left pressed");
       return false;
    }
});

字符代码：

37-左

38以上

39-对

40-下

#4楼

您可以使用箭头键的keyCode（向左，向上，向右和向下分别使用37、38、39和40）：

$('.selector').keydown(function (e) {
  var arrow = { left: 37, up: 38, right: 39, down: 40 };

  switch (e.which) {
    case arrow.left:
      //..
      break;
    case arrow.up:
      //..
      break;
    case arrow.right:
      //..
      break;
    case arrow.down:
      //..
      break;
  }
});

在此处检查以上示例。