| OLD | NEW |
| 1 // Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 // Copyright (c) 2013 The Chromium Authors. All rights reserved. |
| 2 // Use of this source code is governed by a BSD-style license that can be | 2 // Use of this source code is governed by a BSD-style license that can be |
| 3 // found in the LICENSE file. | 3 // found in the LICENSE file. |
| 4 | 4 |
| 5 /** | 5 /** |
| 6 * Namespace for keyboard utility functions. | 6 * Namespace for keyboard utility functions. |
| 7 */ | 7 */ |
| 8 var keyboard = {}; | 8 var keyboard = {}; |
| 9 | 9 |
| 10 /** | 10 /** |
| 11 * Swallows keypress and keyup events of arrow keys. | 11 * Swallows keypress and keyup events of arrow keys. |
| 12 * @param {KeyboardEvent} event Raised event. | 12 * @param {Event} event Raised event. |
| 13 * @private | 13 * @private |
| 14 */ | 14 */ |
| 15 keyboard.onKeyIgnore_ = function(event) { | 15 keyboard.onKeyIgnore_ = function(event) { |
| 16 event = /** @type {KeyboardEvent} */(event); |
| 17 |
| 16 if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) | 18 if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) |
| 17 return; | 19 return; |
| 18 | 20 |
| 19 if (event.keyIdentifier == 'Left' || | 21 if (event.keyIdentifier == 'Left' || |
| 20 event.keyIdentifier == 'Right' || | 22 event.keyIdentifier == 'Right' || |
| 21 event.keyIdentifier == 'Up' || | 23 event.keyIdentifier == 'Up' || |
| 22 event.keyIdentifier == 'Down') { | 24 event.keyIdentifier == 'Down') { |
| 23 event.stopPropagation(); | 25 event.stopPropagation(); |
| 24 event.preventDefault(); | 26 event.preventDefault(); |
| 25 } | 27 } |
| 26 }; | 28 }; |
| 27 | 29 |
| 28 /** | 30 /** |
| 29 * Converts arrow keys into tab/shift-tab key events. | 31 * Converts arrow keys into tab/shift-tab key events. |
| 30 * @param {KeyboardEvent} event Raised event. | 32 * @param {Event} event Raised event. |
| 31 * @private | 33 * @private |
| 32 */ | 34 */ |
| 33 keyboard.onKeyDown_ = function(event) { | 35 keyboard.onKeyDown_ = function(event) { |
| 34 if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) | 36 event = /** @type {KeyboardEvent} */(event); |
| 35 return; | |
| 36 | 37 |
| 37 var needsUpDownKeys = event.target.classList.contains('needs-up-down-keys'); | 38 if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) |
| 39 return; |
| 38 | 40 |
| 39 if (event.keyIdentifier == 'Left' || | 41 var needsUpDownKeys = event.target.classList.contains('needs-up-down-keys'); |
| 40 (!needsUpDownKeys && event.keyIdentifier == 'Up')) { | 42 |
| 41 keyboard.raiseKeyFocusPrevious(document.activeElement); | 43 if (event.keyIdentifier == 'Left' || |
| 42 event.stopPropagation(); | 44 (!needsUpDownKeys && event.keyIdentifier == 'Up')) { |
| 43 event.preventDefault(); | 45 keyboard.raiseKeyFocusPrevious(document.activeElement); |
| 44 } else if (event.keyIdentifier == 'Right' || | 46 event.stopPropagation(); |
| 45 (!needsUpDownKeys && event.keyIdentifier == 'Down')) { | 47 event.preventDefault(); |
| 46 keyboard.raiseKeyFocusNext(document.activeElement); | 48 } else if (event.keyIdentifier == 'Right' || |
| 47 event.stopPropagation(); | 49 (!needsUpDownKeys && event.keyIdentifier == 'Down')) { |
| 48 event.preventDefault(); | 50 keyboard.raiseKeyFocusNext(document.activeElement); |
| 49 } | 51 event.stopPropagation(); |
| 52 event.preventDefault(); |
| 53 } |
| 50 }; | 54 }; |
| 51 | 55 |
| 52 /** | 56 /** |
| 53 * Raises tab/shift-tab keyboard events. | 57 * Raises tab/shift-tab keyboard events. |
| 54 * @param {HTMLElement} element Element that should receive the event. | 58 * @param {HTMLElement} element Element that should receive the event. |
| 55 * @param {string} eventType Keyboard event type. | 59 * @param {string} eventType Keyboard event type. |
| 56 * @param {boolean} shift True if shift should be on. | 60 * @param {boolean} shift True if shift should be on. |
| 57 * @private | 61 * @private |
| 58 */ | 62 */ |
| 59 keyboard.raiseTabKeyEvent_ = function(element, eventType, shift) { | 63 keyboard.raiseTabKeyEvent_ = function(element, eventType, shift) { |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 * Initializes event handling for arrow keys driven focus flow. | 100 * Initializes event handling for arrow keys driven focus flow. |
| 97 */ | 101 */ |
| 98 keyboard.initializeKeyboardFlow = function() { | 102 keyboard.initializeKeyboardFlow = function() { |
| 99 document.addEventListener('keydown', | 103 document.addEventListener('keydown', |
| 100 keyboard.onKeyDown_, true); | 104 keyboard.onKeyDown_, true); |
| 101 document.addEventListener('keypress', | 105 document.addEventListener('keypress', |
| 102 keyboard.onKeyIgnore_, true); | 106 keyboard.onKeyIgnore_, true); |
| 103 document.addEventListener('keyup', | 107 document.addEventListener('keyup', |
| 104 keyboard.onKeyIgnore_, true); | 108 keyboard.onKeyIgnore_, true); |
| 105 }; | 109 }; |
| OLD | NEW |