一尘不染

在JS / jQuery中绑定箭头键

javascript

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


阅读 352

收藏
2020-04-25

共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)
});

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

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

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