Skip to content

Instantly share code, notes, and snippets.

@sounisi5011

sounisi5011/README.md

Last active March 20, 2018 19:17
Show Gist options
  • Save sounisi5011/6d0be09d2f2a2853974bfe9a20d229bc to your computer and use it in GitHub Desktop.
Save sounisi5011/6d0be09d2f2a2853974bfe9a20d229bc to your computer and use it in GitHub Desktop.
Download ZIP
Show press key
Raw
README.md
Raw
constants.js
/**
* @type {!Set<string>}
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#named-key-attribute-values
*/
const MODIFIER_KEYS_SET = new Set([
/**
* Special Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-special
*
* <p>Implementations that are unable to identify a key MUST use <code class="key">"<a href="#key-Unidentified">Unidentified</a>"</code> as the the <a data-link-type="dfn" href="#key-attribute-value" id="ref-for-key-attribute-value-18">key attribute value</a>.</p>
*/
'Unidentified',
// This key value is used when an implementation is unable to identify another key value, due to either hardware, platform, or software constraints.
// <p class="note" role="note"> Conforming implementations MUST only use <code class="key">"<a href="#key-Unidentified">Unidentified</a>"</code> as a key value when there is no way for the implementation to detect the key value. Exposing only this value for all keyboard events MUST NOT indicate a conforming implementation. </p>
/**
* Modifier Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-modifier
*/
'Alt',
// The <code class="keycap">Alt</code> (Alternative) key.<br> This key enables the alternate modifier function for interpreting concurrent or subsequent keyboard input.<br> This key value is also used for the Apple <code class="keycap">Option</code> key.
'AltGraph',
// The Alternate Graphics (<code class="keycap">AltGr</code> or <code class="keycap">AltGraph</code>) key. This key is used enable the ISO Level 3 shift modifier (the standard <code class="keycap">Shift</code> key is the level 2 modifier). See <a data-link-type="biblio" href="#biblio-iso9995-1">[ISO9995-1]</a>.
'CapsLock',
// The <code class="keycap">Caps Lock</code> (Capital) key. Toggle capital character lock function for interpreting subsequent keyboard input event.
'Control',
// The <code class="keycap">Control</code> or <code class="keycap">Ctrl</code> key, to enable control modifier function for interpreting concurrent or subsequent keyboard input.
'Fn',
// The Function switch <code class="keycap">Fn</code> key.<br> Activating this key simultaneously with another key changes that key’s value to an alternate character or function. This key is often handled directly in the keyboard hardware and does not usually generate key events.
'FnLock',
// The Function-Lock (<code class="keycap">FnLock</code> or <code class="keycap">F-Lock</code>) key. Activating this key switches the mode of the keyboard to changes some keys' values to an alternate character or function. This key is often handled directly in the keyboard hardware and does not usually generate key events.
'Meta',
// The <code class="keycap">Meta</code> key, to enable meta modifier function for interpreting concurrent or subsequent keyboard input. This key value is used for the <q>Windows Logo</q> key and the Apple <code class="keycap">Command</code> or <code class="keycap">⌘</code> key.
'NumLock',
// The <code class="keycap">NumLock</code> or Number Lock key, to toggle numpad mode function for interpreting subsequent keyboard input.
'ScrollLock',
// The <code class="keycap">Scroll Lock</code> key, to toggle between scrolling and cursor movement modes.
'Shift',
// The <code class="keycap">Shift</code> key, to enable shift modifier function for interpreting concurrent or subsequent keyboard input.
'Symbol',
// The Symbol modifier key (used on some virtual keyboards).
'SymbolLock',
// The Symbol Lock key.
// <p>Legacy modifier keys:</p>
'Hyper',
// The <code class="keycap">Hyper</code> key.
'Super',
// The <code class="keycap">Super</code> key.
/**
* Whitespace Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-whitespace
*/
'Enter',
// The <code class="keycap">Enter</code> or <code class="keycap">↵</code> key, to activate current selection or accept current input.<br> This key value is also used for the <code class="keycap">Return</code> (Macintosh numpad) key.<br> This key value is also used for the Android <code class="android">KEYCODE_DPAD_CENTER</code>.
'Tab',
// The Horizontal Tabulation <code class="keycap">Tab</code> key.
// <p class="note" role="note">The space or spacebar key is encoded as <code class="key">"&nbsp;"</code>.</p>
/**
* Navigation Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-navigation
*/
'ArrowDown',
// The down arrow key, to navigate or traverse downward. (<code class="android">KEYCODE_DPAD_DOWN</code>)
'ArrowLeft',
// The left arrow key, to navigate or traverse leftward. (<code class="android">KEYCODE_DPAD_LEFT</code>)
'ArrowRight',
// The right arrow key, to navigate or traverse rightward. (<code class="android">KEYCODE_DPAD_RIGHT</code>)
'ArrowUp',
// The up arrow key, to navigate or traverse upward. (<code class="android">KEYCODE_DPAD_UP</code>)
'End',
// The End key, used with keyboard entry to go to the end of content (<code class="android">KEYCODE_MOVE_END</code>).
'Home',
// The Home key, used with keyboard entry, to go to start of content (<code class="android">KEYCODE_MOVE_HOME</code>).<br> For the mobile phone <code class="keycap">Home</code> key (which goes to the phone’s main screen), use <code class="key">"<a href="#key-GoHome">GoHome</a>"</code>.
'PageDown',
// The Page Down key, to scroll down or display next page of content.
'PageUp',
// The Page Up key, to scroll up or display previous page of content.
/**
* Editing Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-editing
*/
'Backspace',
// The Backspace key. This key value is also used for the key labeled <code class="keycap">Delete</code> on MacOS keyboards.
'Clear',
// Remove the currently selected input.
'Copy',
// Copy the current selection. (<code class="appcommand">APPCOMMAND_COPY</code>)
'CrSel',
// The Cursor Select (Crsel) key.
'Cut',
// Cut the current selection. (<code class="appcommand">APPCOMMAND_CUT</code>)
'Delete',
// The Delete (Del) Key. This key value is also used for the key labeled <code class="keycap">Delete</code> on MacOS keyboards when modified by the <code class="keycap">Fn</code> key.
'EraseEof',
// The Erase to End of Field key. This key deletes all characters from the current cursor position to the end of the current field.
'ExSel',
// The Extend Selection (Exsel) key.
'Insert',
// The Insert (Ins) key, to toggle between text modes for insertion or overtyping. (<code class="android">KEYCODE_INSERT</code>)
'Paste',
// The Paste key. (<code class="appcommand">APPCOMMAND_PASTE</code>)
'Redo',
// Redo the last action. (<code class="appcommand">APPCOMMAND_REDO</code>)
'Undo',
// Undo the last action. (<code class="appcommand">APPCOMMAND_UNDO</code>)
/**
* UI Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-ui
*/
'Accept',
// The Accept (Commit, OK) key. Accept current option or input method sequence conversion.
'Again',
// The Again key, to redo or repeat an action.
'Attn',
// The Attention (Attn) key.
'Cancel',
// The Cancel key.
'ContextMenu',
// Show the application’s context menu. This key is commonly found between the right <code class="keycap">Meta</code> key and the right <code class="keycap">Control</code> key.
'Escape',
// The <code class="keycap">Esc</code> key. This key was originally used to initiate an escape sequence, but is now more generally used to exit or "escape" the current context, such as closing a dialog or exiting full screen mode.
'Execute',
// The Execute key.
'Find',
// Open the Find dialog. (<code class="appcommand">APPCOMMAND_FIND</code>)
'Help',
// Open a help dialog or toggle display of help information. (<code class="appcommand"><code class="appcommand">APPCOMMAND_HELP</code></code>, <code class="android"><code class="android">KEYCODE_HELP</code></code>)
'Pause',
// Pause the current state or application (as appropriate). <p class="note" role="note">Do not use this value for the <code class="keycap">Pause</code> button on media controllers. Use <code class="key">"<a href="#key-MediaPause">MediaPause</a>"</code> instead.</p>
'Play',
// Play or resume the current state or application (as appropriate). <p class="note" role="note">Do not use this value for the <code class="keycap">Play</code> button on media controllers. Use <code class="key">"<a href="#key-MediaPlay">MediaPlay</a>"</code> instead.</p>
'Props',
// The properties (Props) key.
'Select',
// The Select key.
'ZoomIn',
// The ZoomIn key. (<code class="android">KEYCODE_ZOOM_IN</code>)
'ZoomOut',
// The ZoomOut key. (<code class="android">KEYCODE_ZOOM_OUT</code>)
/**
* Device Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-device
*/
'BrightnessDown',
// The Brightness Down key. Typically controls the display brightness. (<code class="android">KEYCODE_BRIGHTNESS_DOWN</code>)
'BrightnessUp',
// The Brightness Up key. Typically controls the display brightness. (<code class="android">KEYCODE_BRIGHTNESS_UP</code>)
'Eject',
// Toggle removable media to eject (open) and insert (close) state. (<code class="android">KEYCODE_MEDIA_EJECT</code>)
'LogOff',
// The LogOff key.
'Power',
// Toggle power state. (<code class="android">KEYCODE_POWER</code>) <p class="note" role="note">Note: Some devices might not expose this key to the operating environment.</p>
'PowerOff',
// The <code class="keycap">PowerOff</code> key. Sometime called <code class="keycap">PowerDown</code>.
'PrintScreen',
// The <code class="keycap">Print Screen</code> or <code class="keycap">SnapShot</code> key, to initiate print-screen function.
'Hibernate',
// The Hibernate key. This key saves the current state of the computer to disk so that it can be restored. The computer will then shutdown.
'Standby',
// The Standby key. This key turns off the display and places the computer into a low-power mode without completely shutting down. It is sometimes labelled <code class="keycap">Suspend</code> or <code class="keycap">Sleep</code> key. (<code class="android"><code class="android">KEYCODE_SLEEP</code></code>)
'WakeUp',
// The WakeUp key. (<code class="android">KEYCODE_WAKEUP</code>)
/**
* IME and Composition Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-composition
*/
'AllCandidates',
// The All Candidates key, to initate the multi-candidate mode.
'Alphanumeric',
// The Alphanumeric key.
'CodeInput',
// The Code Input key, to initiate the Code Input mode to allow characters to be entered by their code points.
'Compose',
// The Compose key, also known as <em>Multi_key</em> on the X Window System. This key acts in a manner similar to a dead key, triggering a mode where subsequent key presses are combined to produce a different character.
'Convert',
// The Convert key, to convert the current input method sequence.
'Dead',
// A dead key combining key. It may be any combining key from any keyboard layout. For example, on a PC/AT French keyboard, using a French mapping and without any modifier activiated, this is the key value <code class="unicode">U+0302</code> COMBINING CIRCUMFLEX ACCENT. In another layout this might be a different unicode combining key.<br> For applications that need to differentiate between specific combining characters, the associated <a data-link-type="dfn" href="http://www.w3.org/TR/uievents/#compositionupdate">compositionupdate</a> event’s data attribute provides the specific key value.
'FinalMode',
// The Final Mode <code class="keycap">Final</code> key used on some Asian keyboards, to enable the final mode for IMEs.
'GroupFirst',
// Switch to the first character group. (ISO/IEC 9995)
'GroupLast',
// Switch to the last character group. (ISO/IEC 9995)
'GroupNext',
// Switch to the next character group. (ISO/IEC 9995)
'GroupPrevious',
// Switch to the previous character group. (ISO/IEC 9995)
'ModeChange',
// The Mode Change key, to toggle between or cycle through input modes of IMEs.
'NextCandidate',
// The Next Candidate function key.
'NonConvert',
// The NonConvert ("Don’t Convert") key, to accept current input method sequence without conversion in IMEs.
'PreviousCandidate',
// The Previous Candidate function key.
'Process',
// The Process key.
'SingleCandidate',
// The Single Candidate function key.
// <p>Keys specific to Korean keyboards:</p>
'HangulMode',
// The Hangul (Korean characters) Mode key, to toggle between Hangul and English modes.
'HanjaMode',
// The Hanja (Korean characters) Mode key.
'JunjaMode',
// The Junja (Korean characters) Mode key.
// <p>Keys specific to Japanese keyboards:</p>
'Eisu',
// The Eisu key. This key may close the IME, but its purpose is defined by the current IME. (<code class="android">KEYCODE_EISU</code>)
'Hankaku',
// The (Half-Width) Characters key.
'Hiragana',
// The Hiragana (Japanese Kana characters) key.
'HiraganaKatakana',
// The Hiragana/Katakana toggle key. (<code class="android">KEYCODE_KATAKANA_HIRAGANA</code>)
'KanaMode',
// The Kana Mode (Kana Lock) key. This key is used to enter hiragana mode (typically from romaji mode).
'KanjiMode',
// The Kanji (Japanese name for ideographic characters of Chinese origin) Mode key. This key is typically used to switch to a hiragana keyboard for the purpose of converting input into kanji. (<code class="android">KEYCODE_KANA</code>)
'Katakana',
// The Katakana (Japanese Kana characters) key.
'Romaji',
// The Roman characters function key.
'Zenkaku',
// The Zenkaku (Full-Width) Characters key.
'ZenkakuHankaku',
// The Zenkaku/Hankaku (full-width/half-width) toggle key. (<code class="android">KEYCODE_ZENKAKU_HANKAKU</code>)
/**
* General-Purpose Function Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-function
*
* <p>The exact number of these general purpose function keys varies on different platforms, and only the first few are defined explicitly here. Additional function key names are implicitly defined by incrementing the base-10 index at the end of the function key name. Thus, <code class="key">"F24"</code> and <code class="key">"Soft8"</code> are all valid key values.</p>
*/
'F1',
// The F1 key, a general purpose function key, as index 1.
'F2',
// The F2 key, a general purpose function key, as index 2.
'F3',
// The F3 key, a general purpose function key, as index 3.
'F4',
// The F4 key, a general purpose function key, as index 4.
'F5',
// The F5 key, a general purpose function key, as index 5.
'F6',
// The F6 key, a general purpose function key, as index 6.
'F7',
// The F7 key, a general purpose function key, as index 7.
'F8',
// The F8 key, a general purpose function key, as index 8.
'F9',
// The F9 key, a general purpose function key, as index 9.
'F10',
// The F10 key, a general purpose function key, as index 10.
'F11',
// The F11 key, a general purpose function key, as index 11.
'F12',
// The F12 key, a general purpose function key, as index 12.
'F13', 'F14', 'F15', 'F16', 'F17', 'F18', 'F19', 'F20', 'F21', 'F22', 'F23', 'F24', 'F25', 'F26', 'F27', 'F28', 'F29', 'F30', 'F31', 'F32', 'F33', 'F34', 'F35', 'F36', 'F37', 'F38', 'F39', 'F40', 'F41', 'F42', 'F43', 'F44', 'F45', 'F46', 'F47', 'F48', 'F49', 'F50',
// The F13 to F50 key, a general purpose function key, as index 13 to 50.
'Soft1',
// General purpose virtual function key, as index 1.
'Soft2',
// General purpose virtual function key, as index 2.
'Soft3',
// General purpose virtual function key, as index 3.
'Soft4',
// General purpose virtual function key, as index 4.
'Soft5', 'Soft6', 'Soft7', 'Soft8', 'Soft9', 'Soft10', 'Soft11', 'Soft12', 'Soft13', 'Soft14', 'Soft15', 'Soft16', 'Soft17', 'Soft18', 'Soft19', 'Soft20', 'Soft21', 'Soft22', 'Soft23', 'Soft24', 'Soft25', 'Soft26', 'Soft27', 'Soft28', 'Soft29', 'Soft30', 'Soft31', 'Soft32', 'Soft33', 'Soft34', 'Soft35', 'Soft36', 'Soft37', 'Soft38', 'Soft39', 'Soft40', 'Soft41', 'Soft42', 'Soft43', 'Soft44', 'Soft45', 'Soft46', 'Soft47', 'Soft48', 'Soft49', 'Soft50',
// General purpose virtual function key, as index 5 to 50.
/**
* Multimedia Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-multimedia
*
* <p>These are extra keys found on "multimedia" keyboards.</p>
*/
'ChannelDown',
// Select next (numerically or logically) lower channel. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_CHANNEL_DOWN</code></code>, <code class="android"><code class="android">KEYCODE_CHANNEL_DOWN</code></code>)
'ChannelUp',
// Select next (numerically or logically) higher channel. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_CHANNEL_UP</code></code>, <code class="android"><code class="android">KEYCODE_CHANNEL_UP</code></code>)
'Close',
// Close the current document or message (Note: This doesn’t close the application). (<code class="appcommand">APPCOMMAND_CLOSE</code>)
'MailForward',
// Open an editor to forward the current message. (<code class="appcommand">APPCOMMAND_FORWARD_MAIL</code>)
'MailReply',
// Open an editor to reply to the current message. (<code class="appcommand">APPCOMMAND_REPLY_TO_MAIL</code>)
'MailSend',
// Send the current message. (<code class="appcommand">APPCOMMAND_SEND_MAIL</code>)
'MediaClose',
// Close the current media, for example to close a CD or DVD tray. (<code class="android">KEYCODE_MEDIA_CLOSE</code>)
'MediaFastForward',
// Initiate or continue forward playback at faster than normal speed, or increase speed if already fast forwarding. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_FAST_FORWARD</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_FAST_FORWARD</code></code>)
'MediaPause',
// Pause the currently playing media. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_PAUSE</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_PAUSE</code></code>) <p class="note" role="note">Media controller devices should use this value rather than <code class="key">"<a href="#key-Pause">Pause</a>"</code> for their pause keys.</p>
'MediaPlay',
// Initiate or continue media playback at normal speed, if not currently playing at normal speed. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_PLAY</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_PLAY</code></code>)
'MediaPlayPause',
// Toggle media between play and pause states. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_PLAY_PAUSE</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_PLAY_PAUSE</code></code>)
'MediaRecord',
// Initiate or resume recording of currently selected media. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_RECORD</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_RECORD</code></code>)
'MediaRewind',
// Initiate or continue reverse playback at faster than normal speed, or increase speed if already rewinding. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_REWIND</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_REWIND</code></code>)
'MediaStop',
// Stop media playing, pausing, forwarding, rewinding, or recording, if not already stopped. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_STOP</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_STOP</code></code>)
'MediaTrackNext',
// Seek to next media or program track. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_NEXTTRACK</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_NEXT</code></code>)
'MediaTrackPrevious',
// Seek to previous media or program track. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MEDIA_PREVIOUSTRACK</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_PREVIOUS</code></code>)
'New',
// Open a new document or message. (<code class="appcommand">APPCOMMAND_NEW</code>)
'Open',
// Open an existing document or message. (<code class="appcommand">APPCOMMAND_OPEN</code>)
'Print',
// Print the current document or message. (<code class="appcommand">APPCOMMAND_PRINT</code>)
'Save',
// Save the current document or message. (<code class="appcommand">APPCOMMAND_SAVE</code>)
'SpellCheck',
// Spellcheck the current document or selection. (<code class="appcommand">APPCOMMAND_SPELL_CHECK</code>)
/**
* Multimedia Numpad Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-multimedia-numpad
*
* <p>The normal <code class="keycap">0</code> ... <code class="keycap">9</code> numpad keys are encoded as <code class="key">"0"</code> ... <code class="key">"9"</code>, but some multimedia keypads have buttons numbered from <code class="keycap">1</code> ... <code class="keycap">12</code>. In these instances, the <code class="keycap">10</code> key is often labeled <code class="keycap">10 /0</code>.</p>
*
* <p class="note" role="note"> Note: The <code class="keycap">10</code> or <code class="keycap">10 /0</code> key MUST be assigned a <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/uievents/#dom-keyboardevent-key">key</a></code> value of <code class="key">"0"</code>. </p>
*/
'Key11',
// The <code class="keycap">11</code> key found on media numpads that have buttons from <code class="keycap">1</code> ... <code class="keycap">12</code>.
'Key12',
// The <code class="keycap">12</code> key found on media numpads that have buttons from <code class="keycap">1</code> ... <code class="keycap">12</code>.
/**
* Audio Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-audio
*
* <p>Multimedia keys related to audio.</p>
*/
'AudioBalanceLeft',
// Adjust audio balance leftward. (<code class="vk">VK_AUDIO_BALANCE_LEFT</code>)
'AudioBalanceRight',
// Adjust audio balance rightward. (<code class="vk">VK_AUDIO_BALANCE_RIGHT</code>)
'AudioBassBoostDown',
// Decrease audio bass boost or cycle down through bass boost states. (<code class="appcommand"><code class="appcommand">APPCOMMAND_BASS_DOWN</code></code>, <code class="vk"><code class="vk">VK_BASS_BOOST_DOWN</code></code>)
'AudioBassBoostToggle',
// Toggle bass boost on/off. (<code class="appcommand">APPCOMMAND_BASS_BOOST</code>)
'AudioBassBoostUp',
// Increase audio bass boost or cycle up through bass boost states. (<code class="appcommand"><code class="appcommand">APPCOMMAND_BASS_UP</code></code>, <code class="vk"><code class="vk">VK_BASS_BOOST_UP</code></code>)
'AudioFaderFront',
// Adjust audio fader towards front. (<code class="vk">VK_FADER_FRONT</code>)
'AudioFaderRear',
// Adjust audio fader towards rear. (<code class="vk">VK_FADER_REAR</code>)
'AudioSurroundModeNext',
// Advance surround audio mode to next available mode. (<code class="vk">VK_SURROUND_MODE_NEXT</code>)
'AudioTrebleDown',
// Decrease treble. (<code class="appcommand">APPCOMMAND_TREBLE_DOWN</code>)
'AudioTrebleUp',
// Increase treble. (<code class="appcommand">APPCOMMAND_TREBLE_UP</code>)
'AudioVolumeDown',
// Decrease audio volume. (<code class="appcommand"><code class="appcommand">APPCOMMAND_VOLUME_DOWN</code></code>, <code class="android"><code class="android">KEYCODE_VOLUME_DOWN</code></code>)
'AudioVolumeUp',
// Increase audio volume. (<code class="appcommand"><code class="appcommand">APPCOMMAND_VOLUME_UP</code></code>, <code class="android"><code class="android">KEYCODE_VOLUME_UP</code></code>)
'AudioVolumeMute',
// Toggle between muted state and prior volume level. (<code class="appcommand"><code class="appcommand">APPCOMMAND_VOLUME_MUTE</code></code>, <code class="android"><code class="android">KEYCODE_VOLUME_MUTE</code></code>)
'MicrophoneToggle',
// Toggle the microphone on/off. (<code class="appcommand">APPCOMMAND_MIC_ON_OFF_TOGGLE</code>)
'MicrophoneVolumeDown',
// Decrease microphone volume. (<code class="appcommand">APPCOMMAND_MICROPHONE_VOLUME_DOWN</code>)
'MicrophoneVolumeUp',
// Increase microphone volume. (<code class="appcommand">APPCOMMAND_MICROPHONE_VOLUME_UP</code>)
'MicrophoneVolumeMute',
// Mute the microphone. (<code class="appcommand"><code class="appcommand">APPCOMMAND_MICROPHONE_VOLUME_MUTE</code></code>, <code class="android"><code class="android">KEYCODE_MUTE</code></code>)
/**
* Speech Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-speech
*
* <p>Multimedia keys related to speech recognition.</p>
*/
'SpeechCorrectionList',
// Show correction list when a word is incorrectly identified. (<code class="appcommand">APPCOMMAND_CORRECTION_LIST</code>)
'SpeechInputToggle',
// Toggle between dictation mode and command/control mode. (<code class="appcommand">APPCOMMAND_DICTATE_OR_COMMAND_CONTROL_TOGGLE</code>)
/**
* Application Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-apps
*
* <p>The Application Keys are special keys that are assigned to launch a particular application. Additional application key names can be defined by concatenating "Launch" with the name of the application.</p>
*/
'LaunchApplication1',
// The first generic "LaunchApplication" key. This is commonly associated with launching "My Computer", and may have a computer symbol on the key. (<code class="appcommand">APPCOMMAND_LAUNCH_APP1</code>)
'LaunchApplication2',
// The second generic "LaunchApplication" key. This is commonly associated with launching "Calculator", and may have a calculator symbol on the key. (<code class="appcommand"><code class="appcommand">APPCOMMAND_LAUNCH_APP2</code></code>, <code class="android"><code class="android">KEYCODE_CALCULATOR</code></code>)
'LaunchCalendar',
// The "Calendar" key. (<code class="android">KEYCODE_CALENDAR</code>)
'LaunchContacts',
// The "Contacts" key. (<code class="android">KEYCODE_CONTACTS</code>)
'LaunchMail',
// The "Mail" key. (<code class="appcommand">APPCOMMAND_LAUNCH_MAIL</code>)
'LaunchMediaPlayer',
// The "Media Player" key. (<code class="appcommand">APPCOMMAND_LAUNCH_MEDIA_SELECT</code>)
'LaunchMusicPlayer',
// The "Music Player" key.
'LaunchPhone',
// The "Phone" key.
'LaunchScreenSaver',
// The "Screen Saver" key.
'LaunchSpreadsheet',
// The "Spreadsheet" key.
'LaunchWebBrowser',
// The "Web Browser" key.
'LaunchWebCam',
// The "WebCam" key.
'LaunchWordProcessor',
// The "Word Processor" key.
/**
* Browser Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-browser
*/
'BrowserBack',
// Navigate to previous content or page in current history. (<code class="appcommand">APPCOMMAND_BROWSER_BACKWARD</code>)
'BrowserFavorites',
// Open the list of browser favorites. (<code class="appcommand">APPCOMMAND_BROWSER_FAVORITES</code>)
'BrowserForward',
// Navigate to next content or page in current history. (<code class="appcommand">APPCOMMAND_BROWSER_FORWARD</code>)
'BrowserHome',
// Go to the user’s preferred home page. (<code class="appcommand">APPCOMMAND_BROWSER_HOME</code>)
'BrowserRefresh',
// Refresh the current page or content. (<code class="appcommand">APPCOMMAND_BROWSER_REFRESH</code>)
'BrowserSearch',
// Call up the user’s preferred search page. (<code class="appcommand">APPCOMMAND_BROWSER_SEARCH</code>)
'BrowserStop',
// Stop loading the current page or content. (<code class="appcommand">APPCOMMAND_BROWSER_STOP</code>)
/**
* Mobile Phone Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-mobile
*/
'AppSwitch',
// The Application switch key, which provides a list of recent apps to switch between. (<code class="android">KEYCODE_APP_SWITCH</code>)
'Call',
// The Call key. (<code class="android">KEYCODE_CALL</code>)
'Camera',
// The Camera key. (<code class="android">KEYCODE_CAMERA</code>)
'CameraFocus',
// The Camera focus key. (<code class="android">KEYCODE_FOCUS</code>)
'EndCall',
// The End Call key. (<code class="android">KEYCODE_ENDCALL</code>)
'GoBack',
// The Back key. (<code class="android">KEYCODE_BACK</code>)
'GoHome',
// The Home key, which goes to the phone’s main screen. (<code class="android">KEYCODE_HOME</code>)
'HeadsetHook',
// The Headset Hook key. (<code class="android">KEYCODE_HEADSETHOOK</code>)
'LastNumberRedial',
// The Last Number Redial key.
'Notification',
// The Notification key. (<code class="android">KEYCODE_NOTIFICATION</code>)
'MannerMode',
// Toggle between manner mode state: silent, vibrate, ring, ... (<code class="android">KEYCODE_MANNER_MODE</code>)
'VoiceDial',
// The Voice Dial key.
/**
* TV Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-tv
*/
'TV',
// Switch to viewing TV. (<code class="android">KEYCODE_TV</code>)
'TV3DMode',
// TV 3D Mode. (<code class="android">KEYCODE_3D_MODE</code>)
'TVAntennaCable',
// Toggle between antenna and cable input. (<code class="android">KEYCODE_TV_ANTENNA_CABLE</code>)
'TVAudioDescription',
// Audio description. (<code class="android">KEYCODE_TV_AUDIO_DESCRIPTION</code>)
'TVAudioDescriptionMixDown',
// Audio description mixing volume down. (<code class="android">KEYCODE_TV_AUDIO_DESCRIPTION_MIX_DOWN</code>)
'TVAudioDescriptionMixUp',
// Audio description mixing volume up. (<code class="android">KEYCODE_TV_AUDIO_DESCRIPTION_MIX_UP</code>)
'TVContentsMenu',
// Contents menu. (<code class="android">KEYCODE_TV_CONTENTS_MENU</code>)
'TVDataService',
// Contents menu. (<code class="android">KEYCODE_TV_DATA_SERVICE</code>)
'TVInput',
// Switch the input mode on an external TV. (<code class="android">KEYCODE_TV_INPUT</code>)
'TVInputComponent1',
// Switch to component input #1. (<code class="android">KEYCODE_TV_INPUT_COMPONENT_1</code>)
'TVInputComponent2',
// Switch to component input #2. (<code class="android">KEYCODE_TV_INPUT_COMPONENT_2</code>)
'TVInputComposite1',
// Switch to composite input #1. (<code class="android">KEYCODE_TV_INPUT_COMPOSITE_1</code>)
'TVInputComposite2',
// Switch to composite input #2. (<code class="android">KEYCODE_TV_INPUT_COMPOSITE_2</code>)
'TVInputHDMI1',
// Switch to HDMI input #1. (<code class="android">KEYCODE_TV_INPUT_HDMI_1</code>)
'TVInputHDMI2',
// Switch to HDMI input #2. (<code class="android">KEYCODE_TV_INPUT_HDMI_2</code>)
'TVInputHDMI3',
// Switch to HDMI input #3. (<code class="android">KEYCODE_TV_INPUT_HDMI_3</code>)
'TVInputHDMI4',
// Switch to HDMI input #4. (<code class="android">KEYCODE_TV_INPUT_HDMI_4</code>)
'TVInputVGA1',
// Switch to VGA input #1. (<code class="android">KEYCODE_TV_INPUT_VGA_1</code>)
'TVMediaContext',
// Media context menu. (<code class="android">KEYCODE_TV_MEDIA_CONTEXT_MENU</code>)
'TVNetwork',
// Toggle network. (<code class="android">KEYCODE_TV_NETWORK</code>)
'TVNumberEntry',
// Number entry. (<code class="android">KEYCODE_TV_NUMBER_ENTRY</code>)
'TVPower',
// Toggle the power on an external TV. (<code class="android">KEYCODE_TV_POWER</code>)
'TVRadioService',
// Radio. (<code class="android">KEYCODE_TV_RADIO_SERVICE</code>)
'TVSatellite',
// Satellite. (<code class="android">KEYCODE_TV_SATELLITE</code>)
'TVSatelliteBS',
// Broadcast Satellite. (<code class="android">KEYCODE_TV_SATELLITE_BS</code>)
'TVSatelliteCS',
// Communication Satellite. (<code class="android">KEYCODE_TV_SATELLITE_CS</code>)
'TVSatelliteToggle',
// Toggle between available satellites. (<code class="android">KEYCODE_TV_SATELLITE_SERVICE</code>)
'TVTerrestrialAnalog',
// Analog Terrestrial. (<code class="android">KEYCODE_TV_TERRESTRIAL_ANALOG</code>)
'TVTerrestrialDigital',
// Digital Terrestrial. (<code class="android">KEYCODE_TV_TERRESTRIAL_DIGITAL</code>)
'TVTimer',
// Timer programming. (<code class="android">KEYCODE_TV_TIMER_PROGRAMMING</code>)
/**
* Media Controller Keys
* @see https://www.w3.org/TR/2017/CR-uievents-key-20170601/#keys-media-controller
*
* <p>The <a data-link-type="dfn" href="#key-attribute-value" id="ref-for-key-attribute-value-39">key attribute values</a> for media controllers (e.g. remote controls for television, audio systems, and set-top boxes) are derived in part from the consumer electronics technical specifications:</p>
*
* <ul> <li data-md=""> <p>DTV Application Software Environment <a data-link-type="biblio" href="#biblio-dase">[DASE]</a></p> </li><li data-md=""> <p>Open Cable Application Platform 1.1.3 <a data-link-type="biblio" href="#biblio-ocap">[OCAP]</a></p> </li><li data-md=""> <p>ANSI/CEA-2014-B, Web-based Protocol and Framework for Remote User Interface on UPnPTM Networks and the Internet <a data-link-type="biblio" href="#biblio-web4ce">[WEB4CE]</a></p> </li><li data-md=""> <p>Android KeyEvent KEYCODEs <a data-link-type="biblio" href="#biblio-androidkeycode">[AndroidKeycode]</a></p> </li></ul>
*/
'AVRInput',
// Switch the input mode on an external AVR (audio/video receiver). (<code class="android">KEYCODE_AVR_INPUT</code>)
'AVRPower',
// Toggle the power on an external AVR (audio/video receiver). (<code class="android">KEYCODE_AVR_POWER</code>)
'ColorF0Red',
// General purpose color-coded media function key, as index 0 (red). (<code class="vk"><code class="vk">VK_COLORED_KEY_0</code></code>, <code class="android"><code class="android">KEYCODE_PROG_RED</code></code>)
'ColorF1Green',
// General purpose color-coded media function key, as index 1 (green). (<code class="vk"><code class="vk">VK_COLORED_KEY_1</code></code>, <code class="android"><code class="android">KEYCODE_PROG_GREEN</code></code>)
'ColorF2Yellow',
// General purpose color-coded media function key, as index 2 (yellow). (<code class="vk"><code class="vk">VK_COLORED_KEY_2</code></code>, <code class="android"><code class="android">KEYCODE_PROG_YELLOW</code></code>)
'ColorF3Blue',
// General purpose color-coded media function key, as index 3 (blue). (<code class="vk"><code class="vk">VK_COLORED_KEY_3</code></code>, <code class="android"><code class="android">KEYCODE_PROG_BLUE</code></code>)
'ColorF4Grey',
// General purpose color-coded media function key, as index 4 (grey). (<code class="vk">VK_COLORED_KEY_4</code>)
'ColorF5Brown',
// General purpose color-coded media function key, as index 5 (brown). (<code class="vk">VK_COLORED_KEY_5</code>)
'ClosedCaptionToggle',
// Toggle the display of Closed Captions. (<code class="vk"><code class="vk">VK_CC</code></code>, <code class="android"><code class="android">KEYCODE_CAPTIONS</code></code>)
'Dimmer',
// Adjust brightness of device, by toggling between or cycling through states. (<code class="vk">VK_DIMMER</code>)
'DisplaySwap',
// Swap video sources. (<code class="vk">VK_DISPLAY_SWAP</code>)
'DVR',
// Select Digital Video Rrecorder. (<code class="android">KEYCODE_DVR</code>)
'Exit',
// Exit the current application. (<code class="vk">VK_EXIT</code>)
'FavoriteClear0',
// Clear program or content stored as favorite 0. (<code class="vk">VK_CLEAR_FAVORITE_0</code>)
'FavoriteClear1',
// Clear program or content stored as favorite 1. (<code class="vk">VK_CLEAR_FAVORITE_1</code>)
'FavoriteClear2',
// Clear program or content stored as favorite 2. (<code class="vk">VK_CLEAR_FAVORITE_2</code>)
'FavoriteClear3',
// Clear program or content stored as favorite 3. (<code class="vk">VK_CLEAR_FAVORITE_3</code>)
'FavoriteRecall0',
// Select (recall) program or content stored as favorite 0. (<code class="vk">VK_RECALL_FAVORITE_0</code>)
'FavoriteRecall1',
// Select (recall) program or content stored as favorite 1. (<code class="vk">VK_RECALL_FAVORITE_1</code>)
'FavoriteRecall2',
// Select (recall) program or content stored as favorite 2. (<code class="vk">VK_RECALL_FAVORITE_2</code>)
'FavoriteRecall3',
// Select (recall) program or content stored as favorite 3. (<code class="vk">VK_RECALL_FAVORITE_3</code>)
'FavoriteStore0',
// Store current program or content as favorite 0. (<code class="vk">VK_STORE_FAVORITE_0</code>)
'FavoriteStore1',
// Store current program or content as favorite 1. (<code class="vk">VK_STORE_FAVORITE_1</code>)
'FavoriteStore2',
// Store current program or content as favorite 2. (<code class="vk">VK_STORE_FAVORITE_2</code>)
'FavoriteStore3',
// Store current program or content as favorite 3. (<code class="vk">VK_STORE_FAVORITE_3</code>)
'Guide',
// Toggle display of program or content guide. (<code class="vk"><code class="vk">VK_GUIDE</code></code>, <code class="android"><code class="android">KEYCODE_GUIDE</code></code>)
'GuideNextDay',
// If guide is active and displayed, then display next day’s content. (<code class="vk">VK_NEXT_DAY</code>)
'GuidePreviousDay',
// If guide is active and displayed, then display previous day’s content. (<code class="vk">VK_PREV_DAY</code>)
'Info',
// Toggle display of information about currently selected context or media. (<code class="vk"><code class="vk">VK_INFO</code></code>, <code class="android"><code class="android">KEYCODE_INFO</code></code>)
'InstantReplay',
// Toggle instant replay. (<code class="vk">VK_INSTANT_REPLAY</code>)
'Link',
// Launch linked content, if available and appropriate. (<code class="vk">VK_LINK</code>)
'ListProgram',
// List the current program. (<code class="vk">VK_LIST</code>)
'LiveContent',
// Toggle display listing of currently available live content or programs. (<code class="vk">VK_LIVE</code>)
'Lock',
// Lock or unlock current content or program. (<code class="vk">VK_LOCK</code>)
'MediaApps',
// Show a list of media applications: audio/video players and image viewers. (<code class="vk">VK_APPS</code>) <p class="note" role="note">Do not confuse this key value with the Windows' <code class="vk"><code class="vk">VK_APPS</code></code> / <code class="vk"><code class="vk">VK_CONTEXT_MENU</code></code> key, which is encoded as <code class="key">"<a href="#key-ContextMenu">ContextMenu</a>"</code>.</p>
'MediaAudioTrack',
// Audio track key. (<code class="android">KEYCODE_MEDIA_AUDIO_TRACK</code>)
'MediaLast',
// Select previously selected channel or media. (<code class="vk"><code class="vk">VK_LAST</code></code>, <code class="android"><code class="android">KEYCODE_LAST_CHANNEL</code></code>)
'MediaSkipBackward',
// Skip backward to next content or program. (<code class="android">KEYCODE_MEDIA_SKIP_BACKWARD</code>)
'MediaSkipForward',
// Skip forward to next content or program. (<code class="vk"><code class="vk">VK_SKIP</code></code>, <code class="android"><code class="android">KEYCODE_MEDIA_SKIP_FORWARD</code></code>)
'MediaStepBackward',
// Step backward to next content or program. (<code class="android">KEYCODE_MEDIA_STEP_BACKWARD</code>)
'MediaStepForward',
// Step forward to next content or program. (<code class="android">KEYCODE_MEDIA_STEP_FORWARD</code>)
'MediaTopMenu',
// Media top menu. (<code class="android">KEYCODE_MEDIA_TOP_MENU</code>)
'NavigateIn',
// Navigate in. (<code class="android">KEYCODE_NAVIGATE_IN</code>)
'NavigateNext',
// Navigate to next key. (<code class="android">KEYCODE_NAVIGATE_NEXT</code>)
'NavigateOut',
// Navigate out. (<code class="android">KEYCODE_NAVIGATE_OUT</code>)
'NavigatePrevious',
// Navigate to previous key. (<code class="android">KEYCODE_NAVIGATE_PREVIOUS</code>)
'NextFavoriteChannel',
// Cycle to next favorite channel (in favorites list). (<code class="vk">VK_NEXT_FAVORITE_CHANNEL</code>)
'NextUserProfile',
// Cycle to next user profile (if there are multiple user profiles). (<code class="vk">VK_USER</code>)
'OnDemand',
// Access on-demand content or programs. (<code class="vk">VK_ON_DEMAND</code>)
'Pairing',
// Pairing key to pair devices. (<code class="android">KEYCODE_PAIRING</code>)
'PinPDown',
// Move picture-in-picture window down. (<code class="vk">VK_PINP_DOWN</code>)
'PinPMove',
// Move picture-in-picture window. (<code class="vk">VK_PINP_MOVE</code>)
'PinPToggle',
// Toggle display of picture-in-picture window. (<code class="vk">VK_PINP_TOGGLE</code>)
'PinPUp',
// Move picture-in-picture window up. (<code class="vk">VK_PINP_UP</code>)
'PlaySpeedDown',
// Decrease media playback speed. (<code class="vk">VK_PLAY_SPEED_DOWN</code>)
'PlaySpeedReset',
// Reset playback to normal speed. (<code class="vk">VK_PLAY_SPEED_RESET</code>)
'PlaySpeedUp',
// Increase media playback speed. (<code class="vk">VK_PLAY_SPEED_UP</code>)
'RandomToggle',
// Toggle random media or content shuffle mode. (<code class="vk">VK_RANDOM_TOGGLE</code>)
'RcLowBattery',
// Not a physical key, but this key code is sent when the remote control battery is low. (<code class="vk">VK_RC_LOW_BATTERY</code>)
'RecordSpeedNext',
// Toggle or cycle between media recording speeds. (<code class="vk">VK_RECORD_SPEED_NEXT</code>)
'RfBypass',
// Toggle RF (radio frequency) input bypass mode (pass RF input directly to the RF output). (<code class="vk">VK_RF_BYPASS</code>)
'ScanChannelsToggle',
// Toggle scan channels mode. (<code class="vk">VK_SCAN_CHANNELS_TOGGLE</code>)
'ScreenModeNext',
// Advance display screen mode to next available mode. (<code class="vk">VK_SCREEN_MODE_NEXT</code>)
'Settings',
// Toggle display of device settings screen. (<code class="vk"><code class="vk">VK_SETTINGS</code></code>, <code class="android"><code class="android">KEYCODE_SETTINGS</code></code>)
'SplitScreenToggle',
// Toggle split screen mode. (<code class="vk">VK_SPLIT_SCREEN_TOGGLE</code>)
'STBInput',
// Switch the input mode on an external STB (set top box). (<code class="android">KEYCODE_STB_INPUT</code>)
'STBPower',
// Toggle the power on an external STB (set top box). (<code class="android">KEYCODE_STB_POWER</code>)
'Subtitle',
// Toggle display of subtitles, if available. (<code class="vk">VK_SUBTITLE</code>)
'Teletext',
// Toggle display of teletext, if available (<code class="vk"><code class="vk">VK_TELETEXT</code></code>, <code class="android"><code class="android">KEYCODE_TV_TELETEXT</code></code>).
'VideoModeNext',
// Advance video mode to next available mode. (<code class="vk">VK_VIDEO_MODE_NEXT</code>)
'Wink',
// Cause device to identify itself in some manner, e.g., audibly or visibly. (<code class="vk">VK_WINK</code>)
'ZoomToggle',
// Toggle between full-screen and scaled content, or alter magnification level. (<code class="vk"><code class="vk">VK_ZOOM</code></code>, <code class="android"><code class="android">KEYCODE_TV_ZOOM_MODE</code></code>)
// <p>Some of the keys defined in the media controller standards already have appropriate keys defined in other sections of this specification. These following table summarizes the key values that MUST be used:</p>
//'AudioVolumeDown', // [!] Duplicated key value
// Decrease audio volume. (<code class="vk">VK_VOLUME_DOWN</code>)
//'AudioVolumeUp', // [!] Duplicated key value
// Increase audio volume. (<code class="vk">VK_VOLUME_UP</code>)
//'AudioVolumeMute', // [!] Duplicated key value
// Toggle between muted state and prior volume level. (<code class="vk">VK_VOLUME_MUTE</code>)
//'BrowserBack', // [!] Duplicated key value
// Navigate to previous content or page in current history. (<code class="vk">VK_BACK</code>)
//'BrowserForward', // [!] Duplicated key value
// Navigate to next content or page in current history. (<code class="vk">VK_FORWARD</code>)
//'ChannelDown', // [!] Duplicated key value
// Select next (numerically or logically) lower channel. (<code class="vk">VK_CHANNEL_DOWN</code>)
//'ChannelUp', // [!] Duplicated key value
// Select next (numerically or logically) higher channel. (<code class="vk">VK_CHANNEL_UP</code>)
//'ContextMenu', // [!] Duplicated key value
// Toggle display of the on-screen menu. (<code class="vk">VK_MENU</code>)
//'Eject', // [!] Duplicated key value
// Toggle removable media to eject (open) and insert (close) state. (<code class="vk">VK_EJECT_TOGGLE</code>)
//'End', // [!] Duplicated key value
// The End key, used with keyboard entry to go to the end of content. (<code class="vk">VK_GO_TO_END</code>)
//'Enter', // [!] Duplicated key value
// The Enter key, to activate current selection or accept current input. (<code class="vk">VK_SELECT</code>)
//'Home', // [!] Duplicated key value
// The Home key, used with keyboard entry, to go to start of content. (<code class="vk">VK_GO_TO_START</code>)
//'MediaFastForward', // [!] Duplicated key value
// Initiate or continue forward playback at faster than normal speed, or increase speed if already fast forwarding. (<code class="vk">VK_FAST_FWD</code>)
//'MediaPlay', // [!] Duplicated key value
// Initiate or continue media playback at normal speed, if not currently playing at normal speed. (<code class="vk">VK_PLAY</code>)
//'MediaPlayPause', // [!] Duplicated key value
// Toggle media between play and pause states. (<code class="vk">VK_PLAY_PAUSE</code>)
//'MediaRecord', // [!] Duplicated key value
// Initiate or resume recording of currently selected media. (<code class="vk">VK_RECORD</code>)
//'MediaRewind', // [!] Duplicated key value
// Initiate or continue reverse playback at faster than normal speed, or increase speed if already rewinding. (<code class="vk">VK_REWIND</code>)
//'MediaStop', // [!] Duplicated key value
// Stop media playing, pausing, forwarding, rewinding, or recording, if not already stopped. (<code class="vk">VK_STOP</code>)
'MediaNextTrack',
// Seek to next media or program track. (<code class="vk">VK_TRACK_NEXT</code>)
//'MediaPause', // [!] Duplicated key value
// Pause the currently playing media. (<code class="vk">VK_PAUSE</code>)
'MediaPreviousTrack',
// Seek to previous media or program track. (<code class="vk">VK_TRACK_PREV</code>)
//'Power', // [!] Duplicated key value
// Toggle power state. (<code class="vk">VK_POWER</code>)
//'Unidentified', // [!] Duplicated key value
// This key value is used when an implementations is unable to identify another key value, due to either hardware, platform, or software constraints. (<code class="vk">VK_UNDEFINED</code>)
]);
Raw
constants.min.js
const MODIFIER_KEYS_SET=new Set(['Unidentified','Alt','AltGraph','CapsLock','Control','Fn','FnLock','Meta','NumLock','ScrollLock','Shift','Symbol','SymbolLock','Hyper','Super','Enter','Tab','ArrowDown','ArrowLeft','ArrowRight','ArrowUp','End','Home','PageDown','PageUp','Backspace','Clear','Copy','CrSel','Cut','Delete','EraseEof','ExSel','Insert','Paste','Redo','Undo','Accept','Again','Attn','Cancel','ContextMenu','Escape','Execute','Find','Help','Pause','Play','Props','Select','ZoomIn','ZoomOut','BrightnessDown','BrightnessUp','Eject','LogOff','Power','PowerOff','PrintScreen','Hibernate','Standby','WakeUp','AllCandidates','Alphanumeric','CodeInput','Compose','Convert','Dead','FinalMode','GroupFirst','GroupLast','GroupNext','GroupPrevious','ModeChange','NextCandidate','NonConvert','PreviousCandidate','Process','SingleCandidate','HangulMode','HanjaMode','JunjaMode','Eisu','Hankaku','Hiragana','HiraganaKatakana','KanaMode','KanjiMode','Katakana','Romaji','Zenkaku','ZenkakuHankaku','F1','F2','F3','F4','F5','F6','F7','F8','F9','F10','F11','F12','F13','F14','F15','F16','F17','F18','F19','F20','F21','F22','F23','F24','F25','F26','F27','F28','F29','F30','F31','F32','F33','F34','F35','F36','F37','F38','F39','F40','F41','F42','F43','F44','F45','F46','F47','F48','F49','F50','Soft1','Soft2','Soft3','Soft4','Soft5','Soft6','Soft7','Soft8','Soft9','Soft10','Soft11','Soft12','Soft13','Soft14','Soft15','Soft16','Soft17','Soft18','Soft19','Soft20','Soft21','Soft22','Soft23','Soft24','Soft25','Soft26','Soft27','Soft28','Soft29','Soft30','Soft31','Soft32','Soft33','Soft34','Soft35','Soft36','Soft37','Soft38','Soft39','Soft40','Soft41','Soft42','Soft43','Soft44','Soft45','Soft46','Soft47','Soft48','Soft49','Soft50','ChannelDown','ChannelUp','Close','MailForward','MailReply','MailSend','MediaClose','MediaFastForward','MediaPause','MediaPlay','MediaPlayPause','MediaRecord','MediaRewind','MediaStop','MediaTrackNext','MediaTrackPrevious','New','Open','Print','Save','SpellCheck','Key11','Key12','AudioBalanceLeft','AudioBalanceRight','AudioBassBoostDown','AudioBassBoostToggle','AudioBassBoostUp','AudioFaderFront','AudioFaderRear','AudioSurroundModeNext','AudioTrebleDown','AudioTrebleUp','AudioVolumeDown','AudioVolumeUp','AudioVolumeMute','MicrophoneToggle','MicrophoneVolumeDown','MicrophoneVolumeUp','MicrophoneVolumeMute','SpeechCorrectionList','SpeechInputToggle','LaunchApplication1','LaunchApplication2','LaunchCalendar','LaunchContacts','LaunchMail','LaunchMediaPlayer','LaunchMusicPlayer','LaunchPhone','LaunchScreenSaver','LaunchSpreadsheet','LaunchWebBrowser','LaunchWebCam','LaunchWordProcessor','BrowserBack','BrowserFavorites','BrowserForward','BrowserHome','BrowserRefresh','BrowserSearch','BrowserStop','AppSwitch','Call','Camera','CameraFocus','EndCall','GoBack','GoHome','HeadsetHook','LastNumberRedial','Notification','MannerMode','VoiceDial','TV','TV3DMode','TVAntennaCable','TVAudioDescription','TVAudioDescriptionMixDown','TVAudioDescriptionMixUp','TVContentsMenu','TVDataService','TVInput','TVInputComponent1','TVInputComponent2','TVInputComposite1','TVInputComposite2','TVInputHDMI1','TVInputHDMI2','TVInputHDMI3','TVInputHDMI4','TVInputVGA1','TVMediaContext','TVNetwork','TVNumberEntry','TVPower','TVRadioService','TVSatellite','TVSatelliteBS','TVSatelliteCS','TVSatelliteToggle','TVTerrestrialAnalog','TVTerrestrialDigital','TVTimer','AVRInput','AVRPower','ColorF0Red','ColorF1Green','ColorF2Yellow','ColorF3Blue','ColorF4Grey','ColorF5Brown','ClosedCaptionToggle','Dimmer','DisplaySwap','DVR','Exit','FavoriteClear0','FavoriteClear1','FavoriteClear2','FavoriteClear3','FavoriteRecall0','FavoriteRecall1','FavoriteRecall2','FavoriteRecall3','FavoriteStore0','FavoriteStore1','FavoriteStore2','FavoriteStore3','Guide','GuideNextDay','GuidePreviousDay','Info','InstantReplay','Link','ListProgram','LiveContent','Lock','MediaApps','MediaAudioTrack','MediaLast','MediaSkipBackward','MediaSkipForward','MediaStepBackward','MediaStepForward','MediaTopMenu','NavigateIn','NavigateNext','NavigateOut','NavigatePrevious','NextFavoriteChannel','NextUserProfile','OnDemand','Pairing','PinPDown','PinPMove','PinPToggle','PinPUp','PlaySpeedDown','PlaySpeedReset','PlaySpeedUp','RandomToggle','RcLowBattery','RecordSpeedNext','RfBypass','ScanChannelsToggle','ScreenModeNext','Settings','SplitScreenToggle','STBInput','STBPower','Subtitle','Teletext','VideoModeNext','Wink','ZoomToggle','MediaNextTrack','MediaPreviousTrack']);
Raw
generate-modifier-keys-set.js
/**
* このコードは、https://www.w3.org/TR/uievents-key/のページ内で実行します
* @link https://www.w3.org/TR/uievents-key/
*/
{
/**
* コピペ用のダイアログボックスを生成し、指定された文字列をコピーできるようにする。
* 閉じる時は、ダイアログの外をクリックするか、ダイアログ内でEscキーを押下する。
* @param {string} text
* @param {!Element} ダイアログのDOM要素
*/
function dialog(text) {
const divElem = document.createElement('div');
const textareaElem = document.createElement('textarea');
const closeDialog = e => {
if (!divElem.contains(e.target) || e.code === 'Escape') {
divElem.remove();
window.removeEventListener('click', closeDialog, {passive: true});
}
};
divElem.style.cssText = 'position:fixed; top:10%; left:10%; right:10%; bottom:10%; z-index: 2147483647;';
textareaElem.value = text;
textareaElem.readOnly = true;
textareaElem.style.cssText = 'width:100%; height:100%;';
textareaElem.addEventListener('keydown', closeDialog, {passive: true});
window.addEventListener('click', closeDialog, {passive: true});
divElem.appendChild(textareaElem);
document.body.appendChild(divElem);
return divElem;
}
const keyAttrMainHeader = document.querySelector('#named-key-attribute-values');
const mainHeaderLevel = keyAttrMainHeader.dataset.level;
const keyAttrHeaders = document.querySelectorAll(`[data-level^="${mainHeaderLevel}."]`);
const keyValueSet = new Set;
const listItemsCode = (
[...keyAttrHeaders]
.map(headerElem => {
const headerText = headerElem.querySelector('.content').textContent.trim();
const headerUrl = headerElem.querySelector('.self-link').href;
/*
* 次の兄弟要素を、h1〜h6要素の手前まで取得する
*/
const sectionChildren = [];
let nextElem = headerElem;
do {
nextElem = nextElem.nextElementSibling;
if (!nextElem || /h[1-6]/i.test(nextElem.tagName)) {
break;
}
sectionChildren.push(nextElem);
} while (true);;
let header = `${headerText}\n@see ${headerUrl}`;
const sectionList = sectionChildren
.map(elem => {
const tagName = elem.tagName.toLowerCase();
if ('table' === tagName) {
const tbodyElem = elem.tBodies[0];
return [...tbodyElem.children]
.map(trElem => {
const tdElems = trElem.children;
const mainKeyValue = tdElems[0].querySelector('.key').textContent
.replace(/^[\s"]+|[\s"]+$/g, '');
return {
keyValue: mainKeyValue,
summary: tdElems[1].innerHTML.replace(/[ \t\f\r\n]+/g, ' '),
};
});
} else {
return elem.outerHTML.replace(/[ \t\f\r\n]+/g, ' ');
}
})
.reduce((array, item) => {
if (Array.isArray(item)) {
array.push(...item);
} else {
array.push(item);
}
return array;
}, []);
while (typeof sectionList[0] === 'string') {
const firstItem = sectionList.shift();
header += "\n\n" + firstItem;
}
return [
{header},
...sectionList,
];
})
/*
* 配列を平坦化
*/
.reduce(function flatten(array, item) {
if (Array.isArray(item)) {
array.push(...item.reduce(flatten, []));
} else {
array.push(item);
}
return array;
}, [])
.map(item => {
if (typeof item === 'string') {
return [
item
.replace(/^(?!$)/gm, ' ')
.replace(/^/gm, '//'),
];
} else if (item.header) {
return [
(
/(?:^|[ ])@[a-z]+ /m.test(item.header) ?
'/**' :
'/*'
),
item.header
.replace(/^(?!$)/gm, ' ')
.replace(/^/gm, ' *'),
' */',
].join("\n");
} else {
const keyValue = item.keyValue;
const dupKey = keyValueSet.has(keyValue);
keyValueSet.add(keyValue);
return [
(dupKey ? '//' : '') + `'${keyValue}',` + (dupKey ? ' // [!] Duplicated key value' : ''),
item.summary
.replace(/^(?!$)/gm, ' ')
.replace(/^/gm, '//'),
].join("\n");
}
})
.join("\n\n")
);
dialog([
'/**',
' * @type {!Set<string>}',
` * @see ${keyAttrMainHeader.querySelector('.self-link').href}`,
' */',
'const MODIFIER_KEYS_SET = new Set([',
listItemsCode.replace(/^(?!$)/gm, ' '),
']);',
'',
].join("\n"));
}
Raw
index.html
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<meta name=format-detection content="telephone=no,email=no,address=no">
<title>Show press key</title>
<link rel=stylesheet href=main.css>
<h2>Gist</h2>
<a href=https://gist.github.com/sounisi5011/6d0be09d2f2a2853974bfe9a20d229bc>https://gist.github.com/sounisi5011/6d0be09d2f2a2853974bfe9a20d229bc</a>
<script src=constants.min.js></script>
<script src=main.js></script>
Raw
main.css
output {
background-color: #f0f0f0;
font-family: monospace;
padding: .2em .4em;
border-radius: 3px;
}
Raw
main.js
/**
* UNIX時刻を見やすい表記に変換する。
* UNIX時刻はマイクロ秒まで対応
*
* @param {number} unixtime 変換する、ミリ秒単位のUNIX時刻。マイクロ秒まで対応。
* @return {string} 変換した文字列
*/
function formatUnixtime(unixtime) {
/*
* 引数を数値に変換する。同時に、0以上の数になるよう調節する
*/
const unixtimeFloat = Math.max(0, unixtime);
if (isNaN(unixtimeFloat)) {
throw new TypeError('formatUnixtime(unixtime): unixtime must be a number-like value');
}
/*
* 引数を整数に変換
*/
const unixtimeInt = Math.floor(unixtimeFloat);
/*
* Dateオブジェクトを生成
*/
const date = new Date(unixtimeInt);
const year = String(date.getFullYear());
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const hour = String(date.getHours()).padStart(2, '0');
const min = String(date.getMinutes()).padStart(2, '0');
const µsec = (
unixtimeInt < unixtimeFloat ?
String(unixtimeFloat * 1000 % 1000) :
''
);
const msecInt = date.getMilliseconds();
const sec = (
String(date.getSeconds()).padStart(2, '0') +
(
0 < msecInt || µsec !== '' ?
'.' + String(msecInt).padStart(3, '0') + µsec :
''
)
);
/*
* タイムゾーンを計算
*/
const timezoneOffset = date.getTimezoneOffset();
const timezoneOffsetAbs = Math.abs(timezoneOffset);
const timezoneSign = 0 < timezoneOffset ? '-' : '+';
const timezoneMin = timezoneOffsetAbs % 60;
const timezoneHour = (timezoneOffsetAbs - timezoneMin) / 60;
const timezone = (
timezoneSign +
String(timezoneHour).padStart(2, '0') +
':' +
String(timezoneMin).padStart(2, '0')
);
return `${year}-${month}-${day} ${hour}:${min}:${sec}${timezone}`;
}
const inputElem = document.createElement('input');
const outputElem = document.createElement('output');
inputElem.placeholder = 'Press a key';
inputElem.addEventListener('keydown', e => {
e.preventDefault();
inputElem.value = '';
if (typeof e.code === 'string') {
const key = e.key;
const code = e.code;
const modifierKeyList = [];
if (typeof e.getModifierState === 'function') {
for (const key of MODIFIER_KEYS_SET) {
if (e.getModifierState(key)) modifierKeyList.push(key);
}
} else {
if (e.ctrlKey) modifierKeyList.push('Control');
if (e.altKey) modifierKeyList.push('Alt');
if (e.shiftKey) modifierKeyList.push('Shift');
if (e.metaKey) modifierKeyList.push('Meta');
}
console.groupCollapsed(`${e.type} at ${formatUnixtime(performance.timeOrigin + e.timeStamp)}`);
console.log('Pressed Modifier Keys', modifierKeyList);
console.log('code', code);
console.log('key', key);
console.groupEnd();
const keyList = [
...modifierKeyList.filter(mkey => mkey !== key && mkey !== code),
(code || '[Unidentified]'),
];
outputElem.value = keyList.join("+");
} else {
outputElem.value = '[Your browser does not support "KeyboardEvent.code" property!]';
}
});
outputElem.value = '[Press a key]';
document.body.prepend(
inputElem,
document.createElement('br'),
outputElem
);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment