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。

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

你确定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');
    }
});

防止箭头只适用于任何对象之外的选择，实际上我还没有在另一个对象上测试LOL。 但它可以停止页面和输入类型上的箭头事件。

我已经尝试阻止箭头左右改变选择对象的值使用“e.c preventdefault()”或“返回false”在“kepress”“keydown”和“keyup”事件，但它仍然改变对象的值。但是事件仍然告诉你箭头被按下了。

我来这里是为了寻找一种简单的方法，让用户在关注一个输入时，使用方向键来+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);
    }
});