Convert Event#keyIdentifier (deprecated) to Event#key

chrome/common/extensions/docs/examples/extensions/plugin_settings/domui/js/cr/ui/list_selection_controller.js

 // Copyright (c) 2010 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 174 matching lines @@
       // 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)
             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;
@@ skipping 11 matching lines @@
       if (e.keyCode == SPACE_KEY_CODE) {
         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 'ArrrowLeft':
           newIndex = leadIndex == -1 ?
               this.getLastIndex() : this.getIndexBefore(leadIndex);
           break;
-        case 'Right':
+        case 'ArrowRight':
           newIndex = leadIndex == -1 ?
               this.getFirstIndex() : this.getIndexAfter(leadIndex);
           break;
         default:
           prevent = false;
       }
 
       if (newIndex != -1) {
         sm.beginChange();
 
@@ skipping 23 matching lines @@
         if (prevent)
           e.preventDefault();
       }
     }
   };
 
   return {
     ListSelectionController: ListSelectionController
   };
 });