Switch from text insertion to key press and release events on the virtual k…

ui/keyboard/resources/elements/kb-key-base.html

 <!--
   -- Copyright 2013 The Chromium Authors. All rights reserved.
   -- Use of this source code is governed by a BSD-style license that can be
   -- found in the LICENSE file.
   -->
 
 <polymer-element name="kb-key-base"
     on-pointerdown="down" on-pointerup="up" on-pointerout="out"
     attributes="accents char invert repeat superscript toKeyset toLayout">
   <script>
@@ skipping 91 matching lines @@
             if (keyValues.length < MINIMUM_NUM_OF_RULE_ELEMENTS) {
               console.error('Invalid keyset rules: ' + element);
               return;
             }
             self.keysetRules[keyValues[EVENT_TYPE]] = [keyValues[TO_KEYSET],
                 (keyValues[NEXT_KEYSET] ? keyValues[NEXT_KEYSET] : null)];
           });
         }
       },
       down: function(event) {
-        var detail = {
-            char: this.charValue,
-            toLayout: this.toLayout,
-            repeat: this.repeat
-        };
+        var detail = this.PopulateDetails();
         if (this.keysetRules && this.keysetRules.down != undefined) {
           detail.toKeyset = this.keysetRules.down[TO_KEYSET - OFFSET];
           detail.nextKeyset = this.keysetRules.down[NEXT_KEYSET - OFFSET];
         }
         this.fire('key-down', detail);
         this.longPressTimer = this.asyncMethod(function() {
           var detail = {
             char: this.charValue,
             superscript: this.superscript
           };
           if (this.keysetRules && this.keysetRules.long != undefined) {
             detail.toKeyset = this.keysetRules.long[TO_KEYSET - OFFSET];
             detail.nextKeyset = this.keysetRules.long[NEXT_KEYSET - OFFSET];
           }
           this.fire('key-longpress', detail);
         }, null, LONGPRESS_DELAY_MSEC);
       },
       out: function(event) {
         clearTimeout(this.longPressTimer);
       },
       up: function(event) {
         clearTimeout(this.longPressTimer);
-        var detail = {
-            char: this.charValue,
-            toLayout: this.toLayout
-        };
+        var detail = this.PopulateDetails();
         if (this.keysetRules && this.keysetRules.up != undefined) {
           detail.toKeyset = this.keysetRules.up[TO_KEYSET - OFFSET];
           detail.nextKeyset = this.keysetRules.up[NEXT_KEYSET - OFFSET];
         }
         this.fire('key-up', detail);
       },
 
       /**
        * Character value associated with the key. Typically, the value is a
        * single charcater, but may be multi-character in cases like a ".com"
        * button.
        * @type {string}
        */
       get charValue() {
         return this.char || this.textContent;
       },
+
+      PopulateDetails: function() {
+         return {
+            char: this.charValue,
+            toLayout: this.toLayout,
+            repeat: this.repeat
+         };
+      },
     });
   </script>
 </polymer-element>