我来这里是为了寻找一种简单的方法，让用户在关注一个输入时，使用方向键来+1或-1一个数字输入。我从来没有找到一个好的答案，但使下面的代码，似乎工作得很好-使这个网站范围现在。

$("input").bind('keydown', function (e) {
    if(e.keyCode == 40 && $.isNumeric($(this).val()) ) {
        $(this).val(parseFloat($(this).val())-1.0);
    } else if(e.keyCode == 38  && $.isNumeric($(this).val()) ) { 
        $(this).val(parseFloat($(this).val())+1.0);
    }
}); 

document.onkeydown = function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
};

如果需要支持IE8，则函数体以e = e || window.event;开关(e。其中|| e.keyCode){。

2020年(编辑) 注意KeyboardEvent。现在已经弃用了。请参阅使用KeyboardEvent的示例。键，以获得更现代的检测方向键的解决方案。

你确定jQuery。热键不支持方向键?我之前摆弄过他们的演示，当我在IE7、Firefox 3.5.2和谷歌Chrome 2.0.172中测试它时，观察到左右上下工作正常……

编辑:它出现jquery。热键已重新定位到Github: https://github.com/jeresig/jquery.hotkeys

你可以使用jQuery绑定:

$(window).bind('keydown', function(e){
    if (e.keyCode == 37) {
        console.log('left');
    } else if (e.keyCode == 38) {
        console.log('up');
    } else if (e.keyCode == 39) {
        console.log('right');
    } else if (e.keyCode == 40) {
        console.log('down');
    }
});

这有点晚了，但热键有一个非常严重的错误，导致事件被执行多次，如果你附加多个热键到一个元素。只需使用纯jQuery。

$(element).keydown(function(ev) {
    if(ev.which == $.ui.keyCode.DOWN) {
        // your code
        ev.preventDefault();
    }
});

使用纯Javascript的简洁解决方案(感谢Sygmoral提出的改进建议):

document.onkeydown = function(e) {
    switch (e.keyCode) {
        case 37:
            alert('left');
            break;
        case 39:
            alert('right');
            break;
    }
};

参见https://stackoverflow.com/a/17929007/1397061。