upgrade guac kbd.

This commit is contained in:
Miroslav Šedivý 2022-06-01 11:42:35 +02:00
parent fa221a6d60
commit 4428441d0d

View File

@ -36,7 +36,9 @@ Guacamole.Keyboard = function Keyboard(element) {
/** /**
* Reference to this Guacamole.Keyboard. * Reference to this Guacamole.Keyboard.
*
* @private * @private
* @type {!Guacamole.Keyboard}
*/ */
var guac_keyboard = this; var guac_keyboard = this;
@ -45,7 +47,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* instance with respect to other Guacamole.Keyboard instances. * instance with respect to other Guacamole.Keyboard instances.
* *
* @private * @private
* @type {Number} * @type {!number}
*/ */
var guacKeyboardID = Guacamole.Keyboard._nextID++; var guacKeyboardID = Guacamole.Keyboard._nextID++;
@ -55,7 +57,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* *
* @private * @private
* @constant * @constant
* @type {String} * @type {!string}
*/ */
var EVENT_MARKER = '_GUAC_KEYBOARD_HANDLED_BY_' + guacKeyboardID; var EVENT_MARKER = '_GUAC_KEYBOARD_HANDLED_BY_' + guacKeyboardID;
@ -64,9 +66,12 @@ Guacamole.Keyboard = function Keyboard(element) {
* with this Guacamole.Keyboard in focus. * with this Guacamole.Keyboard in focus.
* *
* @event * @event
* @param {Number} keysym The keysym of the key being pressed. * @param {!number} keysym
* @return {Boolean} true if the key event should be allowed through to the * The keysym of the key being pressed.
* browser, false otherwise. *
* @return {!boolean}
* true if the key event should be allowed through to the browser,
* false otherwise.
*/ */
this.onkeydown = null; this.onkeydown = null;
@ -75,7 +80,8 @@ Guacamole.Keyboard = function Keyboard(element) {
* with this Guacamole.Keyboard in focus. * with this Guacamole.Keyboard in focus.
* *
* @event * @event
* @param {Number} keysym The keysym of the key being released. * @param {!number} keysym
* The keysym of the key being released.
*/ */
this.onkeyup = null; this.onkeyup = null;
@ -85,14 +91,14 @@ Guacamole.Keyboard = function Keyboard(element) {
* reliably detect that quirk is to platform/browser-sniff. * reliably detect that quirk is to platform/browser-sniff.
* *
* @private * @private
* @type {Object.<String, Boolean>} * @type {!Object.<string, boolean>}
*/ */
var quirks = { var quirks = {
/** /**
* Whether keyup events are universally unreliable. * Whether keyup events are universally unreliable.
* *
* @type {Boolean} * @type {!boolean}
*/ */
keyupUnreliable: false, keyupUnreliable: false,
@ -100,7 +106,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* Whether the Alt key is actually a modifier for typable keys and is * Whether the Alt key is actually a modifier for typable keys and is
* thus never used for keyboard shortcuts. * thus never used for keyboard shortcuts.
* *
* @type {Boolean} * @type {!boolean}
*/ */
altIsTypableOnly: false, altIsTypableOnly: false,
@ -108,7 +114,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* Whether we can rely on receiving a keyup event for the Caps Lock * Whether we can rely on receiving a keyup event for the Caps Lock
* key. * key.
* *
* @type {Boolean} * @type {!boolean}
*/ */
capsLockKeyupUnreliable: false capsLockKeyupUnreliable: false
@ -138,26 +144,75 @@ Guacamole.Keyboard = function Keyboard(element) {
* *
* @private * @private
* @constructor * @constructor
* @param {KeyboardEvent} [orig]
* The relevant DOM keyboard event.
*/ */
var KeyEvent = function() { var KeyEvent = function KeyEvent(orig) {
/** /**
* Reference to this key event. * Reference to this key event.
*
* @private
* @type {!KeyEvent}
*/ */
var key_event = this; var key_event = this;
/**
* The JavaScript key code of the key pressed. For most events (keydown
* and keyup), this is a scancode-like value related to the position of
* the key on the US English "Qwerty" keyboard. For keypress events,
* this is the Unicode codepoint of the character that would be typed
* by the key pressed.
*
* @type {!number}
*/
this.keyCode = orig ? (orig.which || orig.keyCode) : 0;
/**
* The legacy DOM3 "keyIdentifier" of the key pressed, as defined at:
* http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent
*
* @type {!string}
*/
this.keyIdentifier = orig && orig.keyIdentifier;
/**
* The standard name of the key pressed, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {!string}
*/
this.key = orig && orig.key;
/**
* The location on the keyboard corresponding to the key pressed, as
* defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {!number}
*/
this.location = orig ? getEventLocation(orig) : 0;
/**
* The state of all local keyboard modifiers at the time this event was
* received.
*
* @type {!Guacamole.Keyboard.ModifierState}
*/
this.modifiers = orig ? Guacamole.Keyboard.ModifierState.fromKeyboardEvent(orig) : new Guacamole.Keyboard.ModifierState();
/** /**
* An arbitrary timestamp in milliseconds, indicating this event's * An arbitrary timestamp in milliseconds, indicating this event's
* position in time relative to other events. * position in time relative to other events.
* *
* @type {Number} * @type {!number}
*/ */
this.timestamp = new Date().getTime(); this.timestamp = new Date().getTime();
/** /**
* Whether the default action of this key event should be prevented. * Whether the default action of this key event should be prevented.
* *
* @type {Boolean} * @type {!boolean}
*/ */
this.defaultPrevented = false; this.defaultPrevented = false;
@ -166,7 +221,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* by a best-effort guess using available event properties and keyboard * by a best-effort guess using available event properties and keyboard
* state. * state.
* *
* @type {Number} * @type {number}
*/ */
this.keysym = null; this.keysym = null;
@ -175,7 +230,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* If false, the keysym may still be valid, but it's only a best guess, * If false, the keysym may still be valid, but it's only a best guess,
* and future key events may be a better source of information. * and future key events may be a better source of information.
* *
* @type {Boolean} * @type {!boolean}
*/ */
this.reliable = false; this.reliable = false;
@ -183,8 +238,9 @@ Guacamole.Keyboard = function Keyboard(element) {
* Returns the number of milliseconds elapsed since this event was * Returns the number of milliseconds elapsed since this event was
* received. * received.
* *
* @return {Number} The number of milliseconds elapsed since this * @return {!number}
* event was received. * The number of milliseconds elapsed since this event was
* received.
*/ */
this.getAge = function() { this.getAge = function() {
return new Date().getTime() - key_event.timestamp; return new Date().getTime() - key_event.timestamp;
@ -200,62 +256,23 @@ Guacamole.Keyboard = function Keyboard(element) {
* @private * @private
* @constructor * @constructor
* @augments Guacamole.Keyboard.KeyEvent * @augments Guacamole.Keyboard.KeyEvent
* @param {Number} keyCode The JavaScript key code of the key pressed. * @param {!KeyboardEvent} orig
* @param {String} keyIdentifier The legacy DOM3 "keyIdentifier" of the key * The relevant DOM "keydown" event.
* pressed, as defined at:
* http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent
* @param {String} key The standard name of the key pressed, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
* @param {Number} location The location on the keyboard corresponding to
* the key pressed, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*/ */
var KeydownEvent = function(keyCode, keyIdentifier, key, location) { var KeydownEvent = function KeydownEvent(orig) {
// We extend KeyEvent // We extend KeyEvent
KeyEvent.apply(this); KeyEvent.call(this, orig);
/**
* The JavaScript key code of the key pressed.
*
* @type {Number}
*/
this.keyCode = keyCode;
/**
* The legacy DOM3 "keyIdentifier" of the key pressed, as defined at:
* http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent
*
* @type {String}
*/
this.keyIdentifier = keyIdentifier;
/**
* The standard name of the key pressed, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {String}
*/
this.key = key;
/**
* The location on the keyboard corresponding to the key pressed, as
* defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {Number}
*/
this.location = location;
// If key is known from keyCode or DOM3 alone, use that // If key is known from keyCode or DOM3 alone, use that
this.keysym = keysym_from_key_identifier(key, location) this.keysym = keysym_from_key_identifier(this.key, this.location)
|| keysym_from_keycode(keyCode, location); || keysym_from_keycode(this.keyCode, this.location);
/** /**
* Whether the keyup following this keydown event is known to be * Whether the keyup following this keydown event is known to be
* reliable. If false, we cannot rely on the keyup event to occur. * reliable. If false, we cannot rely on the keyup event to occur.
* *
* @type {Boolean} * @type {!boolean}
*/ */
this.keyupReliable = !quirks.keyupUnreliable; this.keyupReliable = !quirks.keyupUnreliable;
@ -265,12 +282,12 @@ Guacamole.Keyboard = function Keyboard(element) {
this.reliable = true; this.reliable = true;
// Use legacy keyIdentifier as a last resort, if it looks sane // Use legacy keyIdentifier as a last resort, if it looks sane
if (!this.keysym && key_identifier_sane(keyCode, keyIdentifier)) if (!this.keysym && key_identifier_sane(this.keyCode, this.keyIdentifier))
this.keysym = keysym_from_key_identifier(keyIdentifier, location, guac_keyboard.modifiers.shift); this.keysym = keysym_from_key_identifier(this.keyIdentifier, this.location, this.modifiers.shift);
// If a key is pressed while meta is held down, the keyup will // If a key is pressed while meta is held down, the keyup will
// never be sent in Chrome (bug #108404) // never be sent in Chrome (bug #108404)
if (guac_keyboard.modifiers.meta && this.keysym !== 0xFFE7 && this.keysym !== 0xFFE8) if (this.modifiers.meta && this.keysym !== 0xFFE7 && this.keysym !== 0xFFE8)
this.keyupReliable = false; this.keyupReliable = false;
// We cannot rely on receiving keyup for Caps Lock on certain platforms // We cannot rely on receiving keyup for Caps Lock on certain platforms
@ -278,21 +295,21 @@ Guacamole.Keyboard = function Keyboard(element) {
this.keyupReliable = false; this.keyupReliable = false;
// Determine whether default action for Alt+combinations must be prevented // Determine whether default action for Alt+combinations must be prevented
var prevent_alt = !guac_keyboard.modifiers.ctrl && !quirks.altIsTypableOnly; var prevent_alt = !this.modifiers.ctrl && !quirks.altIsTypableOnly;
// Determine whether default action for Ctrl+combinations must be prevented // Determine whether default action for Ctrl+combinations must be prevented
var prevent_ctrl = !guac_keyboard.modifiers.alt; var prevent_ctrl = !this.modifiers.alt;
// We must rely on the (potentially buggy) keyIdentifier if preventing // We must rely on the (potentially buggy) keyIdentifier if preventing
// the default action is important // the default action is important
if ((prevent_ctrl && guac_keyboard.modifiers.ctrl) if ((prevent_ctrl && this.modifiers.ctrl)
|| (prevent_alt && guac_keyboard.modifiers.alt) || (prevent_alt && this.modifiers.alt)
|| guac_keyboard.modifiers.meta || this.modifiers.meta
|| guac_keyboard.modifiers.hyper) || this.modifiers.hyper)
this.reliable = true; this.reliable = true;
// Record most recently known keysym by associated key code // Record most recently known keysym by associated key code
recentKeysym[keyCode] = this.keysym; recentKeysym[this.keyCode] = this.keysym;
}; };
@ -306,24 +323,16 @@ Guacamole.Keyboard = function Keyboard(element) {
* @private * @private
* @constructor * @constructor
* @augments Guacamole.Keyboard.KeyEvent * @augments Guacamole.Keyboard.KeyEvent
* @param {Number} charCode The Unicode codepoint of the character that * @param {!KeyboardEvent} orig
* would be typed by the key pressed. * The relevant DOM "keypress" event.
*/ */
var KeypressEvent = function(charCode) { var KeypressEvent = function KeypressEvent(orig) {
// We extend KeyEvent // We extend KeyEvent
KeyEvent.apply(this); KeyEvent.call(this, orig);
/**
* The Unicode codepoint of the character that would be typed by the
* key pressed.
*
* @type {Number}
*/
this.charCode = charCode;
// Pull keysym from char code // Pull keysym from char code
this.keysym = keysym_from_charcode(charCode); this.keysym = keysym_from_charcode(this.keyCode);
// Keypress is always reliable // Keypress is always reliable
this.reliable = true; this.reliable = true;
@ -333,68 +342,30 @@ Guacamole.Keyboard = function Keyboard(element) {
KeypressEvent.prototype = new KeyEvent(); KeypressEvent.prototype = new KeyEvent();
/** /**
* Information related to the pressing of a key, which need not be a key * Information related to the releasing of a key, which need not be a key
* associated with a printable character. The presence or absence of any * associated with a printable character. The presence or absence of any
* information within this object is browser-dependent. * information within this object is browser-dependent.
* *
* @private * @private
* @constructor * @constructor
* @augments Guacamole.Keyboard.KeyEvent * @augments Guacamole.Keyboard.KeyEvent
* @param {Number} keyCode The JavaScript key code of the key released. * @param {!KeyboardEvent} orig
* @param {String} keyIdentifier The legacy DOM3 "keyIdentifier" of the key * The relevant DOM "keyup" event.
* released, as defined at:
* http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent
* @param {String} key The standard name of the key released, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
* @param {Number} location The location on the keyboard corresponding to
* the key released, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*/ */
var KeyupEvent = function(keyCode, keyIdentifier, key, location) { var KeyupEvent = function KeyupEvent(orig) {
// We extend KeyEvent // We extend KeyEvent
KeyEvent.apply(this); KeyEvent.call(this, orig);
/** // If key is known from keyCode or DOM3 alone, use that (keyCode is
* The JavaScript key code of the key released. // still more reliable for keyup when dead keys are in use)
* this.keysym = keysym_from_keycode(this.keyCode, this.location)
* @type {Number} || keysym_from_key_identifier(this.key, this.location);
*/
this.keyCode = keyCode;
/**
* The legacy DOM3 "keyIdentifier" of the key released, as defined at:
* http://www.w3.org/TR/2009/WD-DOM-Level-3-Events-20090908/#events-Events-KeyboardEvent
*
* @type {String}
*/
this.keyIdentifier = keyIdentifier;
/**
* The standard name of the key released, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {String}
*/
this.key = key;
/**
* The location on the keyboard corresponding to the key released, as
* defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*
* @type {Number}
*/
this.location = location;
// If key is known from keyCode or DOM3 alone, use that
this.keysym = keysym_from_keycode(keyCode, location)
|| keysym_from_key_identifier(key, location); // keyCode is still more reliable for keyup when dead keys are in use
// Fall back to the most recently pressed keysym associated with the // Fall back to the most recently pressed keysym associated with the
// keyCode if the inferred key doesn't seem to actually be pressed // keyCode if the inferred key doesn't seem to actually be pressed
if (!guac_keyboard.pressed[this.keysym]) if (!guac_keyboard.pressed[this.keysym])
this.keysym = recentKeysym[keyCode] || this.keysym; this.keysym = recentKeysym[this.keyCode] || this.keysym;
// Keyup is as reliable as it will ever be // Keyup is as reliable as it will ever be
this.reliable = true; this.reliable = true;
@ -408,14 +379,16 @@ Guacamole.Keyboard = function Keyboard(element) {
* KeydownEvent, KeypressEvent, and KeyupEvent classes. * KeydownEvent, KeypressEvent, and KeyupEvent classes.
* *
* @private * @private
* @type {KeyEvent[]} * @type {!KeyEvent[]}
*/ */
var eventLog = []; var eventLog = [];
/** /**
* Map of known JavaScript keycodes which do not map to typable characters * Map of known JavaScript keycodes which do not map to typable characters
* to their X11 keysym equivalents. * to their X11 keysym equivalents.
*
* @private * @private
* @type {!Object.<number, number[]>}
*/ */
var keycodeKeysyms = { var keycodeKeysyms = {
8: [0xFF08], // backspace 8: [0xFF08], // backspace
@ -439,9 +412,9 @@ Guacamole.Keyboard = function Keyboard(element) {
40: [0xFF54, 0xFF54, 0xFF54, 0xFFB2], // down arrow / KP 2 40: [0xFF54, 0xFF54, 0xFF54, 0xFFB2], // down arrow / KP 2
45: [0xFF63, 0xFF63, 0xFF63, 0xFFB0], // insert / KP 0 45: [0xFF63, 0xFF63, 0xFF63, 0xFFB0], // insert / KP 0
46: [0xFFFF, 0xFFFF, 0xFFFF, 0xFFAE], // delete / KP decimal 46: [0xFFFF, 0xFFFF, 0xFFFF, 0xFFAE], // delete / KP decimal
91: [0xFFEB], // left window key (hyper_l) 91: [0xFFE7], // left windows/command key (meta_l)
92: [0xFF67], // right window key (menu key?) 92: [0xFFE8], // right window/command key (meta_r)
93: null, // select key 93: [0xFF67], // menu key
96: [0xFFB0], // KP 0 96: [0xFFB0], // KP 0
97: [0xFFB1], // KP 1 97: [0xFFB1], // KP 1
98: [0xFFB2], // KP 2 98: [0xFFB2], // KP 2
@ -477,7 +450,9 @@ Guacamole.Keyboard = function Keyboard(element) {
/** /**
* Map of known JavaScript keyidentifiers which do not map to typable * Map of known JavaScript keyidentifiers which do not map to typable
* characters to their unshifted X11 keysym equivalents. * characters to their unshifted X11 keysym equivalents.
*
* @private * @private
* @type {!Object.<string, number[]>}
*/ */
var keyidentifier_keysym = { var keyidentifier_keysym = {
"Again": [0xFF66], "Again": [0xFF66],
@ -585,14 +560,16 @@ Guacamole.Keyboard = function Keyboard(element) {
"UIKeyInputUpArrow": [0xFF52], "UIKeyInputUpArrow": [0xFF52],
"Up": [0xFF52], "Up": [0xFF52],
"Undo": [0xFF65], "Undo": [0xFF65],
"Win": [0xFFEB], "Win": [0xFFE7, 0xFFE7, 0xFFE8],
"Zenkaku": [0xFF28], "Zenkaku": [0xFF28],
"ZenkakuHankaku": [0xFF2A] "ZenkakuHankaku": [0xFF2A]
}; };
/** /**
* All keysyms which should not repeat when held down. * All keysyms which should not repeat when held down.
*
* @private * @private
* @type {!Object.<number, boolean>}
*/ */
var no_repeat = { var no_repeat = {
0xFE03: true, // ISO Level 3 Shift (AltGr) 0xFE03: true, // ISO Level 3 Shift (AltGr)
@ -605,12 +582,14 @@ Guacamole.Keyboard = function Keyboard(element) {
0xFFE8: true, // Right meta 0xFFE8: true, // Right meta
0xFFE9: true, // Left alt 0xFFE9: true, // Left alt
0xFFEA: true, // Right alt 0xFFEA: true, // Right alt
0xFFEB: true, // Left hyper 0xFFEB: true, // Left super/hyper
0xFFEC: true // Right hyper 0xFFEC: true // Right super/hyper
}; };
/** /**
* All modifiers and their states. * All modifiers and their states.
*
* @type {!Guacamole.Keyboard.ModifierState}
*/ */
this.modifiers = new Guacamole.Keyboard.ModifierState(); this.modifiers = new Guacamole.Keyboard.ModifierState();
@ -618,6 +597,8 @@ Guacamole.Keyboard = function Keyboard(element) {
* The state of every key, indexed by keysym. If a particular key is * The state of every key, indexed by keysym. If a particular key is
* pressed, the value of pressed for that keysym will be true. If a key * pressed, the value of pressed for that keysym will be true. If a key
* is not currently pressed, it will not be defined. * is not currently pressed, it will not be defined.
*
* @type {!Object.<number, boolean>}
*/ */
this.pressed = {}; this.pressed = {};
@ -630,7 +611,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* of the key is explicitly known), it will not be defined. * of the key is explicitly known), it will not be defined.
* *
* @private * @private
* @tyle {Object.<Number, Boolean>} * @type {!Object.<number, boolean>}
*/ */
var implicitlyPressed = {}; var implicitlyPressed = {};
@ -641,6 +622,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* is (theoretically) still pressed. * is (theoretically) still pressed.
* *
* @private * @private
* @type {!Object.<number, boolean>}
*/ */
var last_keydown_result = {}; var last_keydown_result = {};
@ -649,20 +631,24 @@ Guacamole.Keyboard = function Keyboard(element) {
* fired. This object maps keycodes to keysyms. * fired. This object maps keycodes to keysyms.
* *
* @private * @private
* @type {Object.<Number, Number>} * @type {!Object.<number, number>}
*/ */
var recentKeysym = {}; var recentKeysym = {};
/** /**
* Timeout before key repeat starts. * Timeout before key repeat starts.
*
* @private * @private
* @type {number}
*/ */
var key_repeat_timeout = null; var key_repeat_timeout = null;
/** /**
* Interval which presses and releases the last key pressed while that * Interval which presses and releases the last key pressed while that
* key is still being held down. * key is still being held down.
*
* @private * @private
* @type {number}
*/ */
var key_repeat_interval = null; var key_repeat_interval = null;
@ -672,11 +658,11 @@ Guacamole.Keyboard = function Keyboard(element) {
* undefined. * undefined.
* *
* @private * @private
* @param {Number[]} keysyms * @param {number[]} keysyms
* An array of keysyms, where the index of the keysym in the array is * An array of keysyms, where the index of the keysym in the array is
* the location value. * the location value.
* *
* @param {Number} location * @param {!number} location
* The location on the keyboard corresponding to the key pressed, as * The location on the keyboard corresponding to the key pressed, as
* defined at: http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent * defined at: http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*/ */
@ -692,10 +678,10 @@ Guacamole.Keyboard = function Keyboard(element) {
* Returns true if the given keysym corresponds to a printable character, * Returns true if the given keysym corresponds to a printable character,
* false otherwise. * false otherwise.
* *
* @param {Number} keysym * @param {!number} keysym
* The keysym to check. * The keysym to check.
* *
* @returns {Boolean} * @returns {!boolean}
* true if the given keysym corresponds to a printable character, * true if the given keysym corresponds to a printable character,
* false otherwise. * false otherwise.
*/ */
@ -774,13 +760,13 @@ Guacamole.Keyboard = function Keyboard(element) {
* correct in all cases. * correct in all cases.
* *
* @private * @private
* @param {Number} keyCode * @param {!number} keyCode
* The keyCode from a browser keydown/keyup event. * The keyCode from a browser keydown/keyup event.
* *
* @param {String} keyIdentifier * @param {string} keyIdentifier
* The legacy keyIdentifier from a browser keydown/keyup event. * The legacy keyIdentifier from a browser keydown/keyup event.
* *
* @returns {Boolean} * @returns {!boolean}
* true if the keyIdentifier looks sane, false if the keyIdentifier * true if the keyIdentifier looks sane, false if the keyIdentifier
* appears incorrectly derived or is missing entirely. * appears incorrectly derived or is missing entirely.
*/ */
@ -817,8 +803,11 @@ Guacamole.Keyboard = function Keyboard(element) {
* not a modifier. The return value of this function depends on the * not a modifier. The return value of this function depends on the
* return value of the keydown event handler, if any. * return value of the keydown event handler, if any.
* *
* @param {Number} keysym The keysym of the key to press. * @param {number} keysym
* @return {Boolean} true if event should NOT be canceled, false otherwise. * The keysym of the key to press.
*
* @return {boolean}
* true if event should NOT be canceled, false otherwise.
*/ */
this.press = function(keysym) { this.press = function(keysym) {
@ -861,7 +850,8 @@ Guacamole.Keyboard = function Keyboard(element) {
/** /**
* Marks a key as released, firing the keyup event if registered. * Marks a key as released, firing the keyup event if registered.
* *
* @param {Number} keysym The keysym of the key to release. * @param {number} keysym
* The keysym of the key to release.
*/ */
this.release = function(keysym) { this.release = function(keysym) {
@ -888,7 +878,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* Presses and releases the keys necessary to type the given string of * Presses and releases the keys necessary to type the given string of
* text. * text.
* *
* @param {String} str * @param {!string} str
* The string to type. * The string to type.
*/ */
this.type = function type(str) { this.type = function type(str) {
@ -924,27 +914,28 @@ Guacamole.Keyboard = function Keyboard(element) {
}; };
/** /**
* Given the remote and local state of a particular key, resynchronizes the * Resynchronizes the remote state of the given modifier with its
* remote state of that key with the local state through pressing or * corresponding local modifier state, as dictated by
* {@link KeyEvent#modifiers} within the given key event, by pressing or
* releasing keysyms. * releasing keysyms.
* *
* @private * @private
* @param {Boolean} remoteState * @param {!string} modifier
* Whether the key is currently pressed remotely. * The name of the {@link Guacamole.Keyboard.ModifierState} property
* being updated.
* *
* @param {Boolean} localState * @param {!number[]} keysyms
* Whether the key is currently pressed remotely locally. If the state * The keysyms which represent the modifier being updated.
* of the key is not known, this may be undefined.
* *
* @param {Number[]} keysyms * @param {!KeyEvent} keyEvent
* The keysyms which represent the key being updated.
*
* @param {KeyEvent} keyEvent
* Guacamole's current best interpretation of the key event being * Guacamole's current best interpretation of the key event being
* processed. * processed.
*/ */
var updateModifierState = function updateModifierState(remoteState, var updateModifierState = function updateModifierState(modifier,
localState, keysyms, keyEvent) { keysyms, keyEvent) {
var localState = keyEvent.modifiers[modifier];
var remoteState = guac_keyboard.modifiers[modifier];
var i; var i;
@ -989,56 +980,50 @@ Guacamole.Keyboard = function Keyboard(element) {
}; };
/** /**
* Given a keyboard event, updates the local modifier state and remote * Given a keyboard event, updates the remote key state to match the local
* key state based on the modifier flags within the event. This function * modifier state and remote based on the modifier flags within the event.
* pays no attention to keycodes. * This function pays no attention to keycodes.
* *
* @private * @private
* @param {KeyboardEvent} e * @param {!KeyEvent} keyEvent
* The keyboard event containing the flags to update.
*
* @param {KeyEvent} keyEvent
* Guacamole's current best interpretation of the key event being * Guacamole's current best interpretation of the key event being
* processed. * processed.
*/ */
var syncModifierStates = function syncModifierStates(e, keyEvent) { var syncModifierStates = function syncModifierStates(keyEvent) {
// Get state
var state = Guacamole.Keyboard.ModifierState.fromKeyboardEvent(e);
// Resync state of alt // Resync state of alt
updateModifierState(guac_keyboard.modifiers.alt, state.alt, [ updateModifierState('alt', [
0xFFE9, // Left alt 0xFFE9, // Left alt
0xFFEA, // Right alt 0xFFEA, // Right alt
0xFE03 // AltGr 0xFE03 // AltGr
], keyEvent); ], keyEvent);
// Resync state of shift // Resync state of shift
updateModifierState(guac_keyboard.modifiers.shift, state.shift, [ updateModifierState('shift', [
0xFFE1, // Left shift 0xFFE1, // Left shift
0xFFE2 // Right shift 0xFFE2 // Right shift
], keyEvent); ], keyEvent);
// Resync state of ctrl // Resync state of ctrl
updateModifierState(guac_keyboard.modifiers.ctrl, state.ctrl, [ updateModifierState('ctrl', [
0xFFE3, // Left ctrl 0xFFE3, // Left ctrl
0xFFE4 // Right ctrl 0xFFE4 // Right ctrl
], keyEvent); ], keyEvent);
// Resync state of meta // Resync state of meta
updateModifierState(guac_keyboard.modifiers.meta, state.meta, [ updateModifierState('meta', [
0xFFE7, // Left meta 0xFFE7, // Left meta
0xFFE8 // Right meta 0xFFE8 // Right meta
], keyEvent); ], keyEvent);
// Resync state of hyper // Resync state of hyper
updateModifierState(guac_keyboard.modifiers.hyper, state.hyper, [ updateModifierState('hyper', [
0xFFEB, // Left hyper 0xFFEB, // Left super/hyper
0xFFEC // Right hyper 0xFFEC // Right super/hyper
], keyEvent); ], keyEvent);
// Update state // Update state
guac_keyboard.modifiers = state; guac_keyboard.modifiers = keyEvent.modifiers;
}; };
@ -1048,7 +1033,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* inspection of other key events. * inspection of other key events.
* *
* @private * @private
* @returns {Boolean} * @returns {!boolean}
* true if all currently pressed keys were implicitly pressed, false * true if all currently pressed keys were implicitly pressed, false
* otherwise. * otherwise.
*/ */
@ -1069,8 +1054,8 @@ Guacamole.Keyboard = function Keyboard(element) {
* can be). * can be).
* *
* @private * @private
* @return {Boolean} Whether the default action of the latest event should * @return {boolean}
* be prevented. * Whether the default action of the latest event should be prevented.
*/ */
function interpret_events() { function interpret_events() {
@ -1100,7 +1085,8 @@ Guacamole.Keyboard = function Keyboard(element) {
* looks like a key that may require AltGr. * looks like a key that may require AltGr.
* *
* @private * @private
* @param {Number} keysym The key that was just pressed. * @param {!number} keysym
* The key that was just pressed.
*/ */
var release_simulated_altgr = function release_simulated_altgr(keysym) { var release_simulated_altgr = function release_simulated_altgr(keysym) {
@ -1150,6 +1136,29 @@ Guacamole.Keyboard = function Keyboard(element) {
var keysym = null; var keysym = null;
var accepted_events = []; var accepted_events = [];
// Defer handling of Meta until it is known to be functioning as a
// modifier (it may otherwise actually be an alternative method for
// pressing a single key, such as Meta+Left for Home on ChromeOS)
if (first.keysym === 0xFFE7 || first.keysym === 0xFFE8) {
// Defer handling until further events exist to provide context
if (eventLog.length === 1)
return null;
// Drop keydown if it turns out Meta does not actually apply
if (eventLog[1].keysym !== first.keysym) {
if (!eventLog[1].modifiers.meta)
return eventLog.shift();
}
// Drop duplicate keydown events while waiting to determine
// whether to acknowledge Meta (browser may repeat keydown
// while the key is held)
else if (eventLog[1] instanceof KeydownEvent)
return eventLog.shift();
}
// If event itself is reliable, no need to wait for other events // If event itself is reliable, no need to wait for other events
if (first.reliable) { if (first.reliable) {
keysym = first.keysym; keysym = first.keysym;
@ -1173,6 +1182,8 @@ Guacamole.Keyboard = function Keyboard(element) {
// Fire a key press if valid events were found // Fire a key press if valid events were found
if (accepted_events.length > 0) { if (accepted_events.length > 0) {
syncModifierStates(first);
if (keysym) { if (keysym) {
// Fire event // Fire event
@ -1214,6 +1225,7 @@ Guacamole.Keyboard = function Keyboard(element) {
return first; return first;
} }
syncModifierStates(first);
return eventLog.shift(); return eventLog.shift();
} // end if keyup } // end if keyup
@ -1234,11 +1246,11 @@ Guacamole.Keyboard = function Keyboard(element) {
* have the same keycode, such as left shift vs. right shift. * have the same keycode, such as left shift vs. right shift.
* *
* @private * @private
* @param {KeyboardEvent} e * @param {!KeyboardEvent} e
* A JavaScript keyboard event, as received through the DOM via a * A JavaScript keyboard event, as received through the DOM via a
* "keydown", "keyup", or "keypress" handler. * "keydown", "keyup", or "keypress" handler.
* *
* @returns {Number} * @returns {!number}
* The location of the key event on the keyboard, as defined at: * The location of the key event on the keyboard, as defined at:
* http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent * http://www.w3.org/TR/DOM-Level-3-Events/#events-KeyboardEvent
*/ */
@ -1262,10 +1274,10 @@ Guacamole.Keyboard = function Keyboard(element) {
* Guacamole.Keyboard. If the Event has already been marked as handled, * Guacamole.Keyboard. If the Event has already been marked as handled,
* false is returned. * false is returned.
* *
* @param {Event} e * @param {!Event} e
* The Event to mark. * The Event to mark.
* *
* @returns {Boolean} * @returns {!boolean}
* true if the given Event was successfully marked, false if the given * true if the given Event was successfully marked, false if the given
* Event was already marked. * Event was already marked.
*/ */
@ -1287,7 +1299,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* events signalled through this Guacamole.Keyboard's onkeydown and * events signalled through this Guacamole.Keyboard's onkeydown and
* onkeyup handlers. * onkeyup handlers.
* *
* @param {Element|Document} element * @param {!(Element|Document)} element
* The Element to attach event listeners to for the sake of handling * The Element to attach event listeners to for the sake of handling
* key or input events. * key or input events.
*/ */
@ -1302,17 +1314,11 @@ Guacamole.Keyboard = function Keyboard(element) {
// Ignore events which have already been handled // Ignore events which have already been handled
if (!markEvent(e)) return; if (!markEvent(e)) return;
var keyCode; var keydownEvent = new KeydownEvent(e);
if (window.event) keyCode = window.event.keyCode;
else if (e.which) keyCode = e.which;
// Fix modifier states
var keydownEvent = new KeydownEvent(keyCode, e.keyIdentifier, e.key, getEventLocation(e));
syncModifierStates(e, keydownEvent);
// Ignore (but do not prevent) the "composition" keycode sent by some // Ignore (but do not prevent) the "composition" keycode sent by some
// browsers when an IME is in use (see: http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html) // browsers when an IME is in use (see: http://lists.w3.org/Archives/Public/www-dom/2010JulSep/att-0182/keyCode-spec.html)
if (keyCode === 229) if (keydownEvent.keyCode === 229)
return; return;
// Log event // Log event
@ -1333,16 +1339,8 @@ Guacamole.Keyboard = function Keyboard(element) {
// Ignore events which have already been handled // Ignore events which have already been handled
if (!markEvent(e)) return; if (!markEvent(e)) return;
var charCode;
if (window.event) charCode = window.event.keyCode;
else if (e.which) charCode = e.which;
// Fix modifier states
var keypressEvent = new KeypressEvent(charCode);
syncModifierStates(e, keypressEvent);
// Log event // Log event
eventLog.push(keypressEvent); eventLog.push(new KeypressEvent(e));
// Interpret as many events as possible, prevent default if indicated // Interpret as many events as possible, prevent default if indicated
if (interpret_events()) if (interpret_events())
@ -1361,16 +1359,8 @@ Guacamole.Keyboard = function Keyboard(element) {
e.preventDefault(); e.preventDefault();
var keyCode;
if (window.event) keyCode = window.event.keyCode;
else if (e.which) keyCode = e.which;
// Fix modifier states
var keyupEvent = new KeyupEvent(keyCode, e.keyIdentifier, e.key, getEventLocation(e));
syncModifierStates(e, keyupEvent);
// Log event, call for interpretation // Log event, call for interpretation
eventLog.push(keyupEvent); eventLog.push(new KeyupEvent(e));
interpret_events(); interpret_events();
}, true); }, true);
@ -1381,7 +1371,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* events is suspended, as such events may conflict with input events. * events is suspended, as such events may conflict with input events.
* *
* @private * @private
* @param {InputEvent} e * @param {!InputEvent} e
* The "input" event to handle. * The "input" event to handle.
*/ */
var handleInput = function handleInput(e) { var handleInput = function handleInput(e) {
@ -1407,7 +1397,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* with composition events. * with composition events.
* *
* @private * @private
* @param {CompositionEvent} e * @param {!CompositionEvent} e
* The "compositionend" event to handle. * The "compositionend" event to handle.
*/ */
var handleComposition = function handleComposition(e) { var handleComposition = function handleComposition(e) {
@ -1443,7 +1433,7 @@ Guacamole.Keyboard = function Keyboard(element) {
* instance. * instance.
* *
* @private * @private
* @type {Number} * @type {!number}
*/ */
Guacamole.Keyboard._nextID = 0; Guacamole.Keyboard._nextID = 0;
@ -1455,31 +1445,36 @@ Guacamole.Keyboard.ModifierState = function() {
/** /**
* Whether shift is currently pressed. * Whether shift is currently pressed.
* @type {Boolean} *
* @type {!boolean}
*/ */
this.shift = false; this.shift = false;
/** /**
* Whether ctrl is currently pressed. * Whether ctrl is currently pressed.
* @type {Boolean} *
* @type {!boolean}
*/ */
this.ctrl = false; this.ctrl = false;
/** /**
* Whether alt is currently pressed. * Whether alt is currently pressed.
* @type {Boolean} *
* @type {!boolean}
*/ */
this.alt = false; this.alt = false;
/** /**
* Whether meta (apple key) is currently pressed. * Whether meta (apple key) is currently pressed.
* @type {Boolean} *
* @type {!boolean}
*/ */
this.meta = false; this.meta = false;
/** /**
* Whether hyper (windows key) is currently pressed. * Whether hyper (windows key) is currently pressed.
* @type {Boolean} *
* @type {!boolean}
*/ */
this.hyper = false; this.hyper = false;
@ -1488,9 +1483,11 @@ Guacamole.Keyboard.ModifierState = function() {
/** /**
* Returns the modifier state applicable to the keyboard event given. * Returns the modifier state applicable to the keyboard event given.
* *
* @param {KeyboardEvent} e The keyboard event to read. * @param {!KeyboardEvent} e
* @returns {Guacamole.Keyboard.ModifierState} The current state of keyboard * The keyboard event to read.
* modifiers. *
* @returns {!Guacamole.Keyboard.ModifierState}
* The current state of keyboard modifiers.
*/ */
Guacamole.Keyboard.ModifierState.fromKeyboardEvent = function(e) { Guacamole.Keyboard.ModifierState.fromKeyboardEvent = function(e) {