diff options
| -rw-r--r-- | assets/js/views/sample.js | 12 | ||||
| -rw-r--r-- | index.html | 1 |
2 files changed, 12 insertions, 1 deletions
diff --git a/assets/js/views/sample.js b/assets/js/views/sample.js index ec7d4a0..6555464 100644 --- a/assets/js/views/sample.js +++ b/assets/js/views/sample.js @@ -50,6 +50,16 @@ ClipPlay.Views.Sample = Marionette.ItemView.extend({ on_keyboard_bind: function(){ var keyval = this.$('.js-keyboard-key').val(); - this.model.set('key',keyval ); + if (keyval != this.model.get('key')){ + if(this.model.get('key') !=''){ + Mousetrap.unbind(this.model.get('key')); + } + this.model.set('key',keyval); + var that = this; + Mousetrap.bind(this.model.get('key'), function(){ + that.model.play(); + }); + console.log('changed key to ' + keyval); + } } }); @@ -30,6 +30,7 @@ <script src="/assets/js/libs/jquery-2.0.3.min.js"></script> + <script src="/assets/js/libs/mousetrap.min.js"></script> <script src="/assets/js/libs/jquery-ui-1.10.3.custom.min.js"></script> <script src="/assets/js/libs/jquery.embedly-3.1.1.min.js"></script> <script src="/assets/js/libs/underscore-min.js"></script> |