Convert Event#keyIdentifier (deprecated) to Event#key

ui/webui/resources/js/cr/ui/list_selection_controller.js

 // Copyright (c) 2012 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.
 
 cr.define('cr.ui', function() {
   /**
    * Creates a selection controller that is to be used with lists. This is
    * implemented for vertical lists but changing the behavior for horizontal
    * lists or icon views is a matter of overriding {@code getIndexBefore},
    * {@code getIndexAfter}, {@code getIndexAbove} as well as
@@ skipping 159 matching lines @@
       }
 
       sm.endChange();
     },
 
     /**
      * Called by the view when it receives a keydown event.
      * @param {Event} e The keydown event.
      */
     handleKeyDown: function(e) {
-      var SPACE_KEY_CODE = 32;
       var tagName = e.target.tagName;
       // If focus is in an input field of some kind, only handle navigation keys
       // that aren't likely to conflict with input interaction (e.g., text
       // editing, or changing the value of a checkbox or select).
       if (tagName == 'INPUT') {
         var inputType = e.target.type;
         // Just protect space (for toggling) for checkbox and radio.
         if (inputType == 'checkbox' || inputType == 'radio') {
-          if (e.keyCode == SPACE_KEY_CODE)
+          if (e.key == ' ')
             return;
         // Protect all but the most basic navigation commands in anything else.
-        } else if (e.keyIdentifier != 'Up' && e.keyIdentifier != 'Down') {
+        } else if (e.key != 'ArrowUp' && e.key != 'ArrowDown') {
           return;
         }
       }
       // Similarly, don't interfere with select element handling.
       if (tagName == 'SELECT')
         return;
 
       var sm = this.selectionModel;
       var newIndex = -1;
       var leadIndex = sm.leadIndex;
       var prevent = true;
 
       // Ctrl/Meta+A
       if (sm.multiple && e.keyCode == 65 &&
           (cr.isMac && e.metaKey || !cr.isMac && e.ctrlKey)) {
         sm.selectAll();
         e.preventDefault();
         return;
       }
 
-      // Space
-      if (e.keyCode == SPACE_KEY_CODE) {
+      if (e.key == ' ') {
         if (leadIndex != -1) {
           var selected = sm.getIndexSelected(leadIndex);
           if (e.ctrlKey || !selected) {
             sm.setIndexSelected(leadIndex, !selected || !sm.multiple);
             return;
           }
         }
       }
 
-      switch (e.keyIdentifier) {
+      switch (e.key) {
         case 'Home':
           newIndex = this.getFirstIndex();
           break;
         case 'End':
           newIndex = this.getLastIndex();
           break;
-        case 'Up':
+        case 'ArrowUp':
           newIndex = leadIndex == -1 ?
               this.getLastIndex() : this.getIndexAbove(leadIndex);
           break;
-        case 'Down':
+        case 'ArrowDown':
           newIndex = leadIndex == -1 ?
               this.getFirstIndex() : this.getIndexBelow(leadIndex);
           break;
-        case 'Left':
+        case 'ArrowLeft':
         case 'MediaPreviousTrack':
           newIndex = leadIndex == -1 ?
               this.getLastIndex() : this.getIndexBefore(leadIndex);
           break;
-        case 'Right':
+        case 'ArrowRight':
         case 'MediaNextTrack':
           newIndex = leadIndex == -1 ?
               this.getFirstIndex() : this.getIndexAfter(leadIndex);
           break;
         default:
           prevent = false;
       }
 
       if (newIndex != -1) {
         sm.beginChange();
@@ skipping 24 matching lines @@
         if (prevent)
           e.preventDefault();
       }
     }
   };
 
   return {
     ListSelectionController: ListSelectionController
   };
 });