Adds 'trap' attribute for default prevention. Closes #2

demo.html

@@ -85,6 +85,11 @@
         Hit the keys <kbd>↑</kbd> <kbd>↑</kbd> <kbd>↓</kbd> <kbd>↓</kbd> <kbd>←</kbd> <kbd>→</kbd> <kbd>←</kbd> <kbd>→</kbd> <kbd>B</kbd> <kbd>A</kbd> in sequence, to trigger the konami code.
         <hot-key shortcut="up up down down left right left right b a" trigger="konami" if="{{active}}"></hot-key>
       </p>
+
+      <p>
+        Hit <kbd>Ctrl</kbd> + <kbd>S</kbd> to demo trapping default browser shortcuts.
+        <hot-key trap shortcut="['ctrl+s', 'command+s']" trigger="trap" if="{{active}}"></hot-key>
+      </p>
 
 
 
@@ -107,6 +112,10 @@
           this.addEventListener('konami', function(e){
              this.log += 'Konami event detected\n';
           }.bind(this));
+
+          this.addEventListener('trap', function(e){
+             this.log += 'Trap event detected\n';
+          }.bind(this));
         }
       });
     </script>

hot-key.html

@@ -15,7 +15,7 @@
 @status alpha
 @homepage https://github.com/FWeinb/hot-key
 -->
-<polymer-element name="hot-key" attributes="shortcut trigger if">
+<polymer-element name="hot-key" attributes="shortcut trigger if trap">
   <script>
     Polymer('hot-key', {
 
@@ -46,6 +46,14 @@
        * @type string
        */
       trigger : null,
+
+      /**
+       * Trap the event to prevent propagation and default browser behavior.
+       * @attribute trap
+       * @default false
+       * @type boolean
+       */
+      trap : false,
 
       /**
        * A boolean to indicate if this hot-key is active.
@@ -91,6 +99,9 @@
           if ( this.if ) {
             funcToTrigger.bind(this)();
           }
+          if (this.trap) {
+            return false;
+          }
         }.bind(this);
       }
     });