用户脚本以基于按键执行操作

Question

我正在努力解决我正在尝试编写的这个用户脚本的语法，它基本上应该遵循以下逻辑：

如果（左箭头键被按下）然后做某事;ELSE IF （RightArrowKeyIsPressed） THEN doSomethingElse;否则如果（按下任何其他键）则什么都不做;

有人可以帮助我解决用于构建按键检查的代码语法吗？ 假设正在使用onkeydown事件。

Answer 1

使用 addEventListener 添加一个事件侦听器，可能到窗口中。然后关闭 Event.which 值以执行所需的操作。

这是代码。在jsFiddle上看到它的实际效果。

/*--- Get or set the codes for the arrow keys.
    Firefox gives us nice constants, Chrome does not.
*/
KeyEvent        = (typeof KeyEvent === "object")  ?  KeyEvent  :  [];
const LEFT_KEY  = KeyEvent.DOM_VK_LEFT   ||  37;
const RIGHT_KEY = KeyEvent.DOM_VK_RIGHT  ||  39;
window.addEventListener ("keydown", keyboardHandler, false);
function keyboardHandler (zEvent) {
    var bBlockDefaultAction = false;
    //--- Assume we want only the plain keys, not the modified versions.
    if (zEvent.altKey  ||  zEvent.ctrlKey  ||  zEvent.shiftKey) {
        //-- Do nothing (most user-friendly option, in most cases).
    }
    else {
        if (zEvent.which == LEFT_KEY) {
            //DO LEFT KEY ACTION HERE.
            bBlockDefaultAction = true;
        }
        else if (zEvent.which == RIGHT_KEY) {
            //DO RIGHT KEY ACTION HERE.
            bBlockDefaultAction = true;
        }
    }
    if (bBlockDefaultAction) {
        zEvent.preventDefault ();
        zEvent.stopPropagation ();
    }
}

---

此代码适用于适用于用户脚本的浏览器（不是 IE）。 jQuery 版本相同，只是将addEventListener行更改为：

$(window).keydown (keyboardHandler);