Skip to content

shouichi/backbone-shortcuts

 
 

Repository files navigation

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.

About

Backbone.js + Keymaster.js = Backbone.Shortcuts (Keyboard shortcuts)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 95.9%
  • CoffeeScript 4.1%