Behave-ui-hotkeys NPM

behave-ui-hotkeys

A Marionette Behavior that allows you to add hotkey functionality to any view.

Usage:

npm install --save behave-ui-hotkeys

Then just require and use as you would any other behavior:

var Hotkeys = require('behave-ui-hotkeys'),
    _ = require('underscore');

var View = Marionette.ItemView.extend({
    template: _.template('<h1>Hotkeys!!</h1>'),
    behaviors: {
        Hotkeys: {
            behaviorClass: Hotkeys,
            hotkeys: {
               'cmd:alt:y': 'viewMethod'
            },
            attachToDocument: false
        }
    },
    initialize: function() {
        this.on('hotkey:cmd:alt:y', function() {
            // hotkey fired!
        });
    },
    viewMethod: function(e) {
        // hotkey fired!
    }
});

NOTES:

You can use only one code (f1, 4, a, s, delete, pageup, etc), but as many helper keys (cmd, ctrl, alt, shift) as you would like
Codes are case insensitive, F1 will become f1, DELETE will become delete, etc...
If you specify a view method that does not exist, it will just call event
If you do not want to call a view method pass an empty string as the value, i.e.
If element type is not a focusable element, div, p, etc behavior adds tabindex attr to element
If you set attachToDocument to true, then behavior adds listener to document instead of root view

hotkeys: {
    'ctrl:alt:o': 'open', // will fire event: 'hotkey:ctrl:alt:o', will call: this.view.open()
    'ctrl:alt:p': '' // will only fire event: 'hotkey:ctrl:alt:p', will not call any method
}

List of accepted codes: