Backbone.Shortcuts

Backbone.js + Keymaster.js = Backbone.Shortcuts.

Downloads

Development Version 1.031 kb, full source code
Production Version 0.577 kb, packed and gzipped

Dependencies

Underscore.js ~> 1.3.1 for _.extend() function
Backbone.js ~> 0.9.1 for Backbone class
Keymaster.js ~> 1.0.2 for keyboard shortcuts functionality

Usage

HTML

Place snippets inside of the <head>...</head> tags.

<script src="https://github.com/bry4n/backbone-shortcuts/raw/master/underscore.min.js"></script>
<script src="https://github.com/bry4n/backbone-shortcuts/raw/master/backbone.min.js"></script>
<script src="https://github.com/bry4n/backbone-shortcuts/raw/master/keymaster.min.js"></script>
<script src="https://github.com/bry4n/backbone-shortcuts/raw/master/backbone.shortcuts.min.js"></script>

JavaScript

var ShortcutKeys = Backbone.Shortcuts.extend({
  shortcuts: {
    "ctrl+r" : "reloadPage"
  },
  reloadPage: function() {
    alert("Reloaded!!");
  }
});

var shortcuts = new ShortcutKeys;

CoffeeScript

class ShortcutKeys extends Backbone.Shortcuts
  shortcuts:
    "ctrl+r" : "reloadPage"
  reloadPage: -> alert "Reload!!!"

shortcuts = new ShortcutKeys

Finally, you can press Ctrl + r to execute reloadPage() function to see the alert message.

Use Backbone.Shortcuts as Delegation for your Backbone.View

You have to _.extend the this as desination and new Backbone.Shortcuts as source then finally call the delegate function this.delegateShortcuts();.

See My jsFiddle Example

Author

Bryan Goines, @bryangoines

License

Backbone.Shortcuts is licensed under MIT license.

bry4n / backbone-shortcuts

readme