Advertisement
gargarensis

prova polymer

Dec 4th, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <dom-module id="x-component">
  2. <template>
  3. Menù
  4. <div id="menu" title="Sei nel menu. Premi shift enne per ascoltare gli elementi del menù"></div>
  5. </template>
  6. </dom-module>
  7. <script>
  8.   Polymer({
  9.     is: 'x-component',
  10.     behaviors: [Polymer.IronA11yKeysBehavior],
  11.     keyBindings: {
  12.       'shift+n': '_handleEnter',
  13.       'shift+e': '_handleExit',
  14.       '1': '_handleNumbers',
  15.       '2': '_handleNumbers',
  16.       '3': '_handleNumbers'
  17.     },
  18.     _handleEnter: function(e) {
  19.       if (event.target.id == 'menu')
  20.         this.$['menu'].title = "uno: Home, due: Bo, tre: prova, premi shift e per tornare indietro ";
  21.     },
  22.     _handleExit: function(e) {
  23.       if (event.target.id == 'menu')
  24.         this.$['menu'].title = "Sei nel menù. Premi shift enne per ascoltare gli elementi del menù";
  25.     },
  26.     _handleNumbers: function(e) {
  27.       if (event.target.id == 'menu')
  28.         {
  29.             if (event.detail.key == "1")
  30.                 console.log("home");
  31.             if (event.detail.key == "2")
  32.                 console.log("bo");
  33.             if (event.detail.key == "3")
  34.                 console.log("prova");
  35.         }
  36.     },
  37.     properties: {
  38.       keyEventTarget: {
  39.         type: Object,
  40.         value: function() {
  41.           return document.body;
  42.         }
  43.       }
  44.     }
  45.   });
  46. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement