Backbone.js + Keymaster.js = Backbone.Shortcuts (Keyboard shortcuts)
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
test
LICENSE
Makefile
README.md
backbone.shortcuts.js
backbone.shortcuts.min.js
example.html
index.html

README.md

Backbone.Shortcuts

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

Downloads

Dependencies

Usage

HTML

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

<script src="underscore.min.js"></script>
<script src="backbone.min.js"></script>
<script src="keymaster.min.js"></script>
<script src="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.