Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(711)

Side by Side Diff: polymer_0.5.0/bower_components/core-a11y-keys/demo.html

Issue 786953007: npm_modules: Fork bower_components into Polymer 0.4.0 and 0.5.0 versions (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: Created 5 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698