| OLD | NEW | 
|---|
| 1 <!-- | 1 <!-- | 
| 2     @license | 2     @license | 
| 3     Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3     Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 
| 4     This code may only be used under the BSD style license found at http://polym
    er.github.io/LICENSE.txt | 4     This code may only be used under the BSD style license found at http://polym
    er.github.io/LICENSE.txt | 
| 5     The complete set of authors may be found at http://polymer.github.io/AUTHORS
    .txt | 5     The complete set of authors may be found at http://polymer.github.io/AUTHORS
    .txt | 
| 6     The complete set of contributors may be found at http://polymer.github.io/CO
    NTRIBUTORS.txt | 6     The complete set of contributors may be found at http://polymer.github.io/CO
    NTRIBUTORS.txt | 
| 7     Code distributed by Google as part of the polymer project is also | 7     Code distributed by Google as part of the polymer project is also | 
| 8     subject to an additional IP rights grant found at http://polymer.github.io/P
    ATENTS.txt | 8     subject to an additional IP rights grant found at http://polymer.github.io/P
    ATENTS.txt | 
| 9 --> | 9 --> | 
| 10 <!DOCTYPE html> | 10 <!DOCTYPE html> | 
| 11 <html lang="en"> | 11 <html lang="en"> | 
| 12 <head> | 12 <head> | 
| 13   <meta charset="UTF-8"> | 13   <meta charset="UTF-8"> | 
| 14   <title>Core A11y Keys demo</title> | 14   <title>Core A11y Keys demo</title> | 
| 15   <script src="../platform/platform.js"></script> | 15   <script src="../webcomponentsjs/webcomponents.js"></script> | 
| 16   <link rel="import" href="core-a11y-keys.html"> | 16   <link rel="import" href="core-a11y-keys.html"> | 
| 17 </head> |  | 
| 18 <body> |  | 
| 19   <template is="auto-binding"> |  | 
| 20   <style> | 17   <style> | 
| 21     div { | 18     div { | 
| 22       height: 100px; | 19       height: 100px; | 
| 23       width: 100px; | 20       width: 100px; | 
| 24       background: gray; | 21       background: gray; | 
| 25     } | 22     } | 
| 26   </style> | 23   </style> | 
| 27     <core-a11y-keys id="a11y" keys="* pageup pagedown left right down up shift+a
     alt+a home end" target="{{$.target}}" on-keys-pressed="{{print}}"></core-a11y-k
    eys> | 24 </head> | 
| 28     <div id="target" tabindex="0">focus this</div> | 25 <body> | 
|  | 26   <template is="auto-binding"> | 
|  | 27     <span>Press any of these keys: {{keys}}</span> | 
|  | 28     <core-a11y-keys id="a11y" keys="{{keys}}" on-keys-pressed="{{print}}"></core
    -a11y-keys> | 
| 29     <pre id="output"></pre> | 29     <pre id="output"></pre> | 
| 30   </template> | 30   </template> | 
| 31   <script> | 31   <script> | 
| 32     addEventListener('template-bound', function(ev) { | 32     addEventListener('template-bound', function(ev) { | 
|  | 33       ev.target.keys = "* pageup pagedown left right down up shift+a alt+a home 
    end space enter" | 
| 33       ev.target.print = function(ev) { | 34       ev.target.print = function(ev) { | 
| 34         console.log(ev.detail); | 35         console.log(ev.detail); | 
| 35         this.$.output.textContent += ev.detail.key + ' pressed!\n'; | 36         this.$.output.textContent += ev.detail.key + ' pressed!\n'; | 
| 36       } | 37       } | 
| 37     }); | 38     }); | 
| 38   </script> | 39   </script> | 
| 39 </body> | 40 </body> | 
| 40 </html> | 41 </html> | 
| OLD | NEW | 
|---|