Remove the use of KeyEvent.keyIdentifier.

ui/file_manager/gallery/js/slide_mode.js

 // Copyright 2014 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.
 
 /**
  * Slide mode displays a single image and has a set of controls to navigate
  * between the images and to edit an image.
  *
  * @param {!HTMLElement} container Main container element.
  * @param {!HTMLElement} content Content container element.
@@ skipping 906 matching lines @@
     var pos = advance(this.savedSelection_.indexOf(this.getSelectedIndex()),
         this.savedSelection_.length);
     return this.savedSelection_[pos];
   } else {
     return advance(this.getSelectedIndex(), this.getItemCount_());
   }
 };
 
 /**
  * Advance the selection based on the pressed key ID.
- * @param {string} keyID Key identifier.
+ * @param {string} keyID Key of the KeyboardEvent.
  */
 SlideMode.prototype.advanceWithKeyboard = function(keyID) {
-  var prev = (keyID === 'Up' ||
-              keyID === 'Left' ||
-              keyID === 'MediaPreviousTrack');
+  var prev = (keyID === 'ArrowUp' ||
+              keyID === 'ArrowLeft' ||
+              keyID === 'MediaTrackPrevious');
   this.advanceManually(prev ? -1 : 1);
 };
 
 /**
  * Advance the selection as a result of a user action (as opposed to an
  * automatic change in the slideshow mode).
  * @param {number} direction -1 for left, 1 for right.
  */
 SlideMode.prototype.advanceManually = function(direction) {
   if (this.isSlideshowPlaying_())
@@ skipping 192 matching lines @@
   }
 };
 
 /**
  * Keydown handler.
  *
  * @param {!Event} event Event.
  * @return {boolean} True if handled.
  */
 SlideMode.prototype.onKeyDown = function(event) {
-  var keyID = util.getKeyModifiers(event) + event.keyIdentifier;
+  var keyID = util.getKeyModifiers(event) + event.key;
 
   if (this.isSlideshowOn_()) {
     switch (keyID) {
-      case 'U+001B':  // Escape
+      case 'Escape':
       case 'MediaStop':
         this.stopSlideshow_(event);
         break;
 
-      case 'U+0020':  // Space pauses/resumes the slideshow.
+      case ' ':  // Space pauses/resumes the slideshow.
       case 'MediaPlayPause':
         this.toggleSlideshowPause_();
         break;
 
-      case 'Up':
-      case 'Down':
-      case 'Left':
-      case 'Right':
-      case 'MediaNextTrack':
-      case 'MediaPreviousTrack':
+      case 'ArrowUp':
+      case 'ArrowDown':
+      case 'ArrowLeft':
+      case 'ArrowRight':
+      case 'MediaTrackNex':
+      case 'MediaTrackPrevious':
         this.advanceWithKeyboard(keyID);
         break;
     }
     return true;  // Consume all keystrokes in the slideshow mode.
   }
 
   // Handles shortcut keys common for both modes (editing and not-editing).
   switch (keyID) {
-    case 'Ctrl-U+0050':  // Ctrl+'p' prints the current image.
+    case 'Ctrl-p':  // Ctrl+'p' prints the current image.
       if (!this.printButton_.disabled)
         this.print_();
       return true;
 
-    case 'U+0045':  // 'e' toggles the editor.
+    case 'e':  // 'e' toggles the editor.
       if (!this.editButton_.disabled)
         this.toggleEditor(event);
       return true;
   }
 
   // Handles shortcurt keys for editing mode.
   if (this.isEditing()) {
     if (this.editor_.onKeyDown(event))
       return true;
 
-    if (keyID === 'U+001B') { // Escape
+    if (keyID === 'Escape') { // Escape
       this.toggleEditor(event);
       return true;
     }
 
     return false;
   }
 
   // Handles shortcut keys for not-editing mode.
   switch (keyID) {
-    case 'U+001B':  // Escape
+    case 'Escape':
       if (this.viewport_.isZoomed()) {
         this.viewport_.resetView();
         this.touchHandlers_.stopOperation();
         this.imageView_.applyViewportChange();
         return true;
       }
       break;
 
     case 'Home':
       this.selectFirst();
       return true;
 
     case 'End':
       this.selectLast();
       return true;
 
-    case 'Up':
-    case 'Down':
-    case 'Left':
-    case 'Right':
+    case 'ArrowUp':
+    case 'ArrowDown':
+    case 'ArrowLeft':
+    case 'ArrowRight':
       if (this.viewport_.isZoomed()) {
         var delta = SlideMode.KEY_OFFSET_MAP[keyID];
         this.viewport_.setOffset(
             ~~(this.viewport_.getOffsetX() +
                delta[0] * this.viewport_.getZoom()),
             ~~(this.viewport_.getOffsetY() +
                delta[1] * this.viewport_.getZoom()));
         this.touchHandlers_.stopOperation();
         this.imageView_.applyViewportChange();
       } else {
         this.advanceWithKeyboard(keyID);
       }
       return true;
 
-    case 'MediaNextTrack':
-    case 'MediaPreviousTrack':
+    case 'MediaTrackNext':
+    case 'MediaTrackPrevious':
       this.advanceWithKeyboard(keyID);
       return true;
 
-    case 'Ctrl-U+00BB':  // Ctrl+'=' zoom in.
+    case 'Ctrl-=':  // Ctrl+'=' zoom in.
       this.viewport_.zoomIn();
       this.touchHandlers_.stopOperation();
       this.imageView_.applyViewportChange();
       return true;
 
-    case 'Ctrl-U+00BD':  // Ctrl+'-' zoom out.
+    case 'Ctrl--':  // Ctrl+'-' zoom out.
       this.viewport_.zoomOut();
       this.touchHandlers_.stopOperation();
       this.imageView_.applyViewportChange();
       return true;
 
-    case 'Ctrl-U+0030': // Ctrl+'0' zoom reset.
+    case 'Ctrl-0': // Ctrl+'0' zoom reset.
       this.viewport_.setZoom(1.0);
       this.touchHandlers_.stopOperation();
       this.imageView_.applyViewportChange();
       return true;
   }
 
   return false;
 };
 
 /**
@@ skipping 871 matching lines @@
 /**
  * Handles mouse up events.
  * @param {!Event} event Wheel event.
  * @private
  */
 TouchHandler.prototype.onMouseUp_ = function(event) {
   if (event.button !== 0)
     return;
   this.clickStarted_ = false;
 };