Remove the use of KeyEvent.keyIdentifier.

ui/file_manager/gallery/js/thumbnail_mode.js

 // Copyright 2015 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.
 
 /**
  * Thumbnail Mode.
  * @param {!HTMLElement} container A container.
  * @param {!ErrorBanner} errorBanner Error banner.
  * @param {!GalleryDataModel} dataModel Gallery data model.
  * @param {!cr.ui.ListSelectionModel} selectionModel List selection model.
@@ skipping 65 matching lines @@
  * @return {boolean} Always true. Toolbar is always visible.
  */
 ThumbnailMode.prototype.hasActiveTool = function() { return true; };
 
 /**
  * Handles key down event.
  * @param {!Event} event An event.
  * @return {boolean} True when an event is handled.
  */
 ThumbnailMode.prototype.onKeyDown = function(event) {
-  switch (event.keyIdentifier) {
+  switch (event.key) {
     case 'Enter':
       if (event.target.matches('li.thumbnail')) {
         this.changeToSlideModeCallback_();
         return true;
       }
       break;
   }
 
   return false;
 };
@@ skipping 248 matching lines @@
  * Handles scroll of viewport.
  * @param {!Event} event An event.
  * @private
  */
 ThumbnailView.prototype.onScroll_ = function(event) {
   this.updateScrollBar_();
 };
 
 /**
  * Moves selection to specified direction.
- * @param {string} direction Direction. Should be 'Left', 'Right', 'Up', or
- *     'Down'.
+ * @param {string} direction Direction. Should be 'ArrowLeft', 'ArrowRight',
+ *     'ArrowUp', or 'ArrowDown'.
  * @param {boolean} selectRange True to perform range selection.
  * @private
  */
 ThumbnailView.prototype.moveSelection_ = function(direction, selectRange) {
   var step;
-  if ((direction === 'Left' && !isRTL()) ||
-      (direction === 'Right' && isRTL()) ||
-      (direction === 'Up')) {
+  if ((direction === 'ArrowLeft' && !isRTL()) ||
+      (direction === 'ArrowRight' && isRTL()) ||
+      (direction === 'ArrowUp')) {
     step = -1;
-  } else if ((direction === 'Right' && !isRTL()) ||
-             (direction === 'Left' && isRTL()) ||
-             (direction === 'Down')) {
+  } else if ((direction === 'ArrowRight' && !isRTL()) ||
+             (direction === 'ArrowLeft' && isRTL()) ||
+             (direction === 'ArrowDown')) {
     step = 1;
   } else {
     assertNotReached();
   }
 
-  var vertical = direction === 'Up' || direction === 'Down';
+  var vertical = direction === 'ArrowUp' || direction === 'ArrowDown';
   var baseIndex = this.selectionModel_.leadIndex !== -1 ?
       this.selectionModel_.leadIndex :
       this.selectionModel_.selectedIndex;
   var baseRect = this.getThumbnailRect(baseIndex);
   var baseCenter = baseRect.left + baseRect.width / 2;
   var minHorizontalGap = Number.MAX_VALUE;
   var index = null;
 
   for (var i = baseIndex + step;
        0 <= i && i < this.dataModel_.length;
@@ skipping 231 matching lines @@
     this.dispatchEvent(thumbnailDoubleClickEvent);
   }
 };
 
 /**
  * Handles keydown event.
  * @param {!Event} event
  * @private
  */
 ThumbnailView.prototype.onKeydown_ = function(event) {
-  var keyString = util.getKeyModifiers(event) + event.keyIdentifier;
+  var keyString = util.getKeyModifiers(event) + event.key;
 
   switch (keyString) {
-    case 'Right':
-    case 'Left':
-    case 'Up':
-    case 'Down':
-    case 'Shift-Right':
-    case 'Shift-Left':
-    case 'Shift-Up':
-    case 'Shift-Down':
-      this.moveSelection_(event.keyIdentifier, event.shiftKey);
+    case 'ArrowRight':
+    case 'ArrowLeft':
+    case 'ArrowUp':
+    case 'ArrowDown':
+    case 'Shift-ArrowRight':
+    case 'Shift-ArrowLeft':
+    case 'Shift-ArrowUp':
+    case 'Shift-ArrowDown':
+      this.moveSelection_(event.key, event.shiftKey);
       event.stopPropagation();
       break;
-    case 'Ctrl-U+0041': // Crtl+A
+    case 'Ctrl-a': // Crtl+A
       this.selectionModel_.selectAll();
       event.stopPropagation();
       break;
   }
 };
 
 /**
  * Selects a thumbnail.
  * @param {!ThumbnailView.Thumbnail} thumbnail Thumbnail to be selected.
  * @param {ThumbnailView.SelectionMode} selectionMode
@@ skipping 367 matching lines @@
     };
     }.bind(this, this.thumbnailLoadRequestId_))
     .catch(function(requestId, error) {
       if (requestId !== this.thumbnailLoadRequestId_)
         return null;
 
       this.setError_(error);
       return null;
     }.bind(this, this.thumbnailLoadRequestId_));
 };