使用JavaScript进行强大的键盘快捷键处理

http://craig.is/killing/mice

http://livepipe.net/extra/hotkey

http://www.openjs.com/scripts/events/keyboard_shortcuts/

我要做的就是将onKeyUp事件附加到document.body中。然后,在这个事件处理程序中,我将使用 Element.fire

$(document.body).observe("keyup", function() {
    if(/* key + modifier match */) {
        $(document.body).fire("myapp:mycoolevent");
    }
});

$(document.body).observe("myapp:mycoolevent", function() {
    // Handle event.
});

$(button).observe("click", function() {
    $(document.body).fire("myapp:mycoolevent");
});

this resource

jwerty ,它易于使用,不依赖于jQuery。

Keystrokes

import { bindKey, bindKeyCombo } from '@rwh/keystrokes'

bindKey('a', () =>
  console.log('You\'re pressing "a"'))

bindKeyCombo('ctrl > y, r', () =>
  console.log('You pressed "ctrl" then "y", released both, and are pressing "r"'))