keybinding

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);
+      }
     }
 });
diff --git a/index.html b/index.html
index 59c26ec..1bf58c6 100644
--- a/index.html
+++ b/index.html
@@ -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>