在JS / jQuery中绑定箭头键

Question

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

Answer 1

$(document).keydown(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)
});

将箭头键的自定义代码放在相应的case和break行之间。

e.which由jQuery规范化，因此可在所有浏览器中使用。对于纯JavaScript方法，请将前两行替换为：

document.onkeydown = function(e) {
    e = e || window.event;
    switch(e.which || e.keyCode) {