KeyCode Constants
A minimal JavaScript package with key code constants.
Installation
# Using npm
$ npm install keycode-js --save
# Using yarn
$ yarn add keycode-js
# Using bower
$ bower install keycode-js --saveUsage
Import the package using require() or ES / TypeScript import statement:
// CommonJS
const KeyCode = require('keycode-js');
// ES2015+
import * as KeyCode from 'keycode-js';
// TypeScript
import * as KeyCode from 'keycode-js';
// Import individual constants
import { KEY_RETURN } from 'keycode-js';Or, using <script> tag:
<script src="https://unpkg.com/keycode-js@3.1.0/dist/keycode.min.js"></script>Finally:
window.addEventListener('keyup', function(e) {
// You may do one of these checks.
// Check the code value.
if (e.code === KeyCode.CODE_RETURN) {
console.log('It was the Return key.');
return;
}
// OR, check the keyCode value.
if (e.keyCode === KeyCode.KEY_RETURN) {
console.log('It was the Return key.');
return;
}
// OR, check the key value.
if (e.key === KeyCode.VALUE_RETURN) {
console.log('It was the Return key.');
return;
}
console.log('It was any other key.');
});Usage with Deno
// Import all constants
import * as KeyCode from 'https://deno.land/x/keycode@v3.1.0/mod.ts';
// Import individual constants
import { KEY_ENTER } from 'https://deno.land/x/keycode@v3.1.0/mod.ts';
console.assert(KeyCode.KEY_ENTER === KEY_ENTER);Available Constants
1. Key event code constants
List of available constants that corresponds to the browser's KeyboardEvent.code attribute.
Example usage
window.addEventListener('keyup', function(e) {
console.log('Enter Key:', (e.code === KeyCode.CODE_RETURN));
});List
| Key Name | Constant | Value |
|---|---|---|
| (Undefined) | CODE_UNIDENTIFIED | "Unidentified" |
| Escape | CODE_ESCAPE | "Escape" |
| Dash / Minus | CODE_MINUS CODE_DASH |
"Minus" |
| Equals | CODE_EQUALS | "Equal" |
| Backspace | CODE_BACK_SPACE | "Backspace" |
| Tab | CODE_TAB | "Tab" |
| Return | CODE_ENTER CODE_RETURN |
"Enter" |
| Shift (Left) | CODE_SHIFT_LEFT | "ShiftLeft" |
| Shift (Right) | CODE_SHIFT_RIGHT | "ShiftRight" |
| Control (Left) | CODE_CONTROL_LEFT | "ControlLeft" |
| Control (Right) | CODE_CONTROL_RIGHT | "ControlRight" |
| Alt (Left) | CODE_ALT_LEFT | "AltLeft" |
| Alt (Right) | CODE_ALT_RIGHT | "AltRight" |
| Pause | CODE_PAUSE | "Pause" |
| Caps Lock | CODE_CAPS_LOCK | "CapsLock" |
| Space | CODE_SPACE | "Space" |
| Page Up | CODE_PAGE_UP | "PageUp" |
| Page Down | CODE_PAGE_DOWN | "PageDown" |
| End | CODE_END | "End" |
| Home | CODE_HOME | "Home" |
| Left | CODE_LEFT | "ArrowLeft" |
| Up | CODE_UP | "ArrowUp" |
| Right | CODE_RIGHT | "ArrowRight" |
| Down | CODE_DOWN | "ArrowDown" |
| Print Screen | CODE_PRINTSCREEN | "PrintScreen" |
| Insert | CODE_INSERT | "Insert" |
| Delete | CODE_DELETE | "Delete" |
| 0 | CODE_0 | "Digit0" |
| 1 | CODE_1 | "Digit1" |
| 2 | CODE_2 | "Digit2" |
| 3 | CODE_3 | "Digit3" |
| 4 | CODE_4 | "Digit4" |
| 5 | CODE_5 | "Digit5" |
| 6 | CODE_6 | "Digit6" |
| 7 | CODE_7 | "Digit7" |
| 8 | CODE_8 | "Digit8" |
| 9 | CODE_9 | "Digit9" |
| A | CODE_A | "KeyA" |
| B | CODE_B | "KeyB" |
| C | CODE_C | "KeyC" |
| D | CODE_D | "KeyD" |
| E | CODE_E | "KeyE" |
| F | CODE_F | "KeyF" |
| G | CODE_G | "KeyG" |
| H | CODE_H | "KeyH" |
| I | CODE_I | "KeyI" |
| J | CODE_J | "KeyJ" |
| K | CODE_K | "KeyK" |
| L | CODE_L | "KeyL" |
| M | CODE_M | "KeyM" |
| N | CODE_N | "KeyN" |
| O | CODE_O | "KeyO" |
| P | CODE_P | "KeyP" |
| Q | CODE_Q | "KeyQ" |
| R | CODE_R | "KeyR" |
| S | CODE_S | "KeyS" |
| T | CODE_T | "KeyT" |
| U | CODE_U | "KeyU" |
| V | CODE_V | "KeyV" |
| W | CODE_W | "KeyW" |
| X | CODE_X | "KeyX" |
| Y | CODE_Y | "KeyY" |
| Z | CODE_Z | "KeyZ" |
| Cmd ⌘ / Window (Left) | CODE_META_LEFT | "MetaLeft" |
| Cmd ⌘ / Window (Left) | CODE_OS_LEFT | "OSLeft" |
| Cmd ⌘ / Window (Right) | CODE_META_RIGHT | "MetaRight" |
| Cmd ⌘ / Window (Right) | CODE_OS_RIGHT | "OSRight" |
| Context Menu | CODE_CONTEXT_MENU | "ContextMenu" |
| Numpad 0 | CODE_NUMPAD0 | "Numpad0" |
| Numpad 1 | CODE_NUMPAD1 | "Numpad1" |
| Numpad 2 | CODE_NUMPAD2 | "Numpad2" |
| Numpad 3 | CODE_NUMPAD3 | "Numpad3" |
| Numpad 4 | CODE_NUMPAD4 | "Numpad4" |
| Numpad 5 | CODE_NUMPAD5 | "Numpad5" |
| Numpad 6 | CODE_NUMPAD6 | "Numpad6" |
| Numpad 7 | CODE_NUMPAD7 | "Numpad7" |
| Numpad 8 | CODE_NUMPAD8 | "Numpad8" |
| Numpad 9 | CODE_NUMPAD9 | "Numpad9" |
| Multiply | CODE_NUMPAD_MULTIPLY | "NumpadMultiply" |
| Add | CODE_NUMPAD_ADD | "NumpadAdd" |
| Subtract | CODE_NUMPAD_SUBTRACT | "NumpadSubtract" |
| Decimal | CODE_NUMPAD_DECIMAL | "NumpadDecimal" |
| Divide | CODE_NUMPAD_DIVIDE | "NumpadDivide" |
| Numpad Enter | CODE_NUMPAD_ENTER | "NumpadEnter" |
| F1 | CODE_F1 | "F1" |
| F2 | CODE_F2 | "F2" |
| F3 | CODE_F3 | "F3" |
| F4 | CODE_F4 | "F4" |
| F5 | CODE_F5 | "F5" |
| F6 | CODE_F6 | "F6" |
| F7 | CODE_F7 | "F7" |
| F8 | CODE_F8 | "F8" |
| F9 | CODE_F9 | "F9" |
| F10 | CODE_F10 | "F10" |
| F11 | CODE_F11 | "F11" |
| F12 | CODE_F12 | "F12" |
| F13 | CODE_F13 | "F13" |
| F14 | CODE_F14 | "F14" |
| F15 | CODE_F15 | "F15" |
| F16 | CODE_F16 | "F16" |
| F17 | CODE_F17 | "F17" |
| F18 | CODE_F18 | "F18" |
| F19 | CODE_F19 | "F19" |
| F20 | CODE_F20 | "F20" |
| F21 | CODE_F21 | "F21" |
| F22 | CODE_F22 | "F22" |
| F23 | CODE_F23 | "F23" |
| F24 | CODE_F24 | "F24" |
| Num Lock | CODE_NUM_LOCK | "NumLock" |
| Scroll Lock | CODE_SCROLL_LOCK | "ScrollLock" |
| Semicolon | CODE_SEMICOLON | "Semicolon" |
| Comma | CODE_COMMA | "Comma" |
| Period | CODE_PERIOD | "Period" |
| Slash | CODE_SLASH | "Slash" |
| Back Quote | CODE_BACK_QUOTE | "Backquote" |
| Open Bracket | CODE_OPEN_BRACKET | "BracketLeft" |
| Back Slash | CODE_BACK_SLASH | "Backslash" |
| Close Bracket | CODE_CLOSE_BRACKET | "BracketRight" |
| Quote | CODE_QUOTE | "Quote" |
2. Key code constants (numeric)
List of available numeric constants that corresponds to the browser's KeyboardEvent.keyCode attribute.
Example usage
window.addEventListener('keyup', function(e) {
console.log('Enter Key:', (e.keyCode === KeyCode.KEY_RETURN));
});List
| Key Name | Constant | Value |
|---|---|---|
| Cancel | KEY_CANCEL | 3 |
| Help | KEY_HELP | 6 |
| Backspace | KEY_BACK_SPACE | 8 |
| Tab | KEY_TAB | 9 |
| Clear | KEY_CLEAR | 12 |
| Return | KEY_RETURN | 13 |
| Enter (Firefox) | KEY_FIREFOX_ENTER | 14 |
| Shift | KEY_SHIFT | 16 |
| Control | KEY_CONTROL | 17 |
| Alt | KEY_ALT | 18 |
| Pause | KEY_PAUSE | 19 |
| Caps Lock | KEY_CAPS_LOCK | 20 |
| Escape | KEY_ESCAPE | 27 |
| Space | KEY_SPACE | 32 |
| Page up | KEY_PAGE_UP | 33 |
| Page down | KEY_PAGE_DOWN | 34 |
| End | KEY_END | 35 |
| Home | KEY_HOME | 36 |
| Left | KEY_LEFT | 37 |
| Up | KEY_UP | 38 |
| Right | KEY_RIGHT | 39 |
| Down | KEY_DOWN | 40 |
| Print Screen | KEY_PRINTSCREEN | 44 |
| Insert | KEY_INSERT | 45 |
| Delete | KEY_DELETE | 46 |
| 0 | KEY_0 | 48 |
| 1 | KEY_1 | 49 |
| 2 | KEY_2 | 50 |
| 3 | KEY_3 | 51 |
| 4 | KEY_4 | 52 |
| 5 | KEY_5 | 53 |
| 6 | KEY_6 | 54 |
| 7 | KEY_7 | 55 |
| 8 | KEY_8 | 56 |
| 9 | KEY_9 | 57 |
| Semicolon (Firefox) | KEY_FIREFOX_SEMICOLON | 59 |
| Equals (Firefox) | KEY_FIREFOX_EQUALS | 61 |
| A | KEY_A | 65 |
| B | KEY_B | 66 |
| C | KEY_C | 67 |
| D | KEY_D | 68 |
| E | KEY_E | 69 |
| F | KEY_F | 70 |
| G | KEY_G | 71 |
| H | KEY_H | 72 |
| I | KEY_I | 73 |
| J | KEY_J | 74 |
| K | KEY_K | 75 |
| L | KEY_L | 76 |
| M | KEY_M | 77 |
| N | KEY_N | 78 |
| O | KEY_O | 79 |
| P | KEY_P | 80 |
| Q | KEY_Q | 81 |
| R | KEY_R | 82 |
| S | KEY_S | 83 |
| T | KEY_T | 84 |
| U | KEY_U | 85 |
| V | KEY_V | 86 |
| W | KEY_W | 87 |
| X | KEY_X | 88 |
| Y | KEY_Y | 89 |
| Z | KEY_Z | 90 |
| Left ⌘ / Window | KEY_LEFT_CMD | 91 |
| Right ⌘ / Window | KEY_RIGHT_CMD | 92 |
| Context Menu | KEY_CONTEXT_MENU | 93 |
| Numpad 0 | KEY_NUMPAD0 | 96 |
| Numpad 1 | KEY_NUMPAD1 | 97 |
| Numpad 2 | KEY_NUMPAD2 | 98 |
| Numpad 3 | KEY_NUMPAD3 | 99 |
| Numpad 4 | KEY_NUMPAD4 | 100 |
| Numpad 5 | KEY_NUMPAD5 | 101 |
| Numpad 6 | KEY_NUMPAD6 | 102 |
| Numpad 7 | KEY_NUMPAD7 | 103 |
| Numpad 8 | KEY_NUMPAD8 | 104 |
| Numpad 9 | KEY_NUMPAD9 | 105 |
| Multiply | KEY_MULTIPLY | 106 |
| Add | KEY_ADD | 107 |
| Separator (Firefox) | KEY_FIREFOX_SEPARATOR | 108 |
| Subtract | KEY_SUBTRACT | 109 |
| Decimal | KEY_DECIMAL | 110 |
| Divide | KEY_DIVIDE | 111 |
| F1 | KEY_F1 | 112 |
| F2 | KEY_F2 | 113 |
| F3 | KEY_F3 | 114 |
| F4 | KEY_F4 | 115 |
| F5 | KEY_F5 | 116 |
| F6 | KEY_F6 | 117 |
| F7 | KEY_F7 | 118 |
| F8 | KEY_F8 | 119 |
| F9 | KEY_F9 | 120 |
| F10 | KEY_F10 | 121 |
| F11 | KEY_F11 | 122 |
| F12 | KEY_F12 | 123 |
| F13 | KEY_F13 | 124 |
| F14 | KEY_F14 | 125 |
| F15 | KEY_F15 | 126 |
| F16 | KEY_F16 | 127 |
| F17 | KEY_F17 | 128 |
| F18 | KEY_F18 | 129 |
| F19 | KEY_F19 | 130 |
| F20 | KEY_F20 | 131 |
| F21 | KEY_F21 | 132 |
| F22 | KEY_F22 | 133 |
| F23 | KEY_F23 | 134 |
| F24 | KEY_F24 | 135 |
| Num Lock | KEY_NUM_LOCK | 144 |
| Scroll Lock | KEY_SCROLL_LOCK | 145 |
| Semicolon | KEY_SEMICOLON | 186 |
| Equals | KEY_EQUALS | 187 |
| Comma | KEY_COMMA | 188 |
| Dash | KEY_DASH | 189 |
| Period | KEY_PERIOD | 190 |
| Slash | KEY_SLASH | 191 |
| Back Quote | KEY_BACK_QUOTE | 192 |
| Open Bracket | KEY_OPEN_BRACKET | 219 |
| Back Slash | KEY_BACK_SLASH | 220 |
| Close Bracket | KEY_CLOSE_BRACKET | 221 |
| Quote | KEY_QUOTE | 222 |
| Meta (Firefox) | KEY_FIREFOX_META | 224 |
3. Key value constants
List of available constants that corresponds to the browser's KeyboardEvent.key attribute.
Example usage
window.addEventListener('keyup', function(e) {
console.log('Enter Key:', (e.key === KeyCode.VALUE_RETURN));
});List
| Key Name | Constant | Value |
|---|---|---|
| Cancel | VALUE_CANCEL | "Cancel" |
| Help | VALUE_HELP | "Help" |
| Backspace | VALUE_BACK_SPACE | "Backspace" |
| Tab | VALUE_TAB | "Tab" |
| Clear | VALUE_CLEAR | "Clear" |
| Return | VALUE_ENTER VALUE_RETURN |
"Enter" |
| Shift | VALUE_SHIFT | "Shift" |
| Control | VALUE_CONTROL | "Control" |
| Alt | VALUE_ALT | "Alt" |
| Pause | VALUE_PAUSE | "Pause" |
| Caps Lock | VALUE_CAPS_LOCK | "CapsLock" |
| Escape | VALUE_ESCAPE | "Escape" |
| Space | VALUE_SPACE | " " |
| Page up | VALUE_PAGE_UP | "PageUp" |
| Page down | VALUE_PAGE_DOWN | "PageDown" |
| End | VALUE_END | "End" |
| Home | VALUE_HOME | "Home" |
| Left | VALUE_LEFT | "ArrowLeft" |
| Up | VALUE_UP | "ArrowUp" |
| Right | VALUE_RIGHT | "ArrowRight" |
| Down | VALUE_DOWN | "ArrowDown" |
| Print Screen | VALUE_PRINTSCREEN | "PrintScreen" |
| Insert | VALUE_INSERT | "Insert" |
| Delete | VALUE_DELETE | "Delete" |
| 0 | VALUE_0 | "0" |
| 1 | VALUE_1 | "1" |
| 2 | VALUE_2 | "2" |
| 3 | VALUE_3 | "3" |
| 4 | VALUE_4 | "4" |
| 5 | VALUE_5 | "5" |
| 6 | VALUE_6 | "6" |
| 7 | VALUE_7 | "7" |
| 8 | VALUE_8 | "8" |
| 9 | VALUE_9 | "9" |
| A | VALUE_A | "a" |
| B | VALUE_B | "b" |
| C | VALUE_C | "c" |
| D | VALUE_D | "d" |
| E | VALUE_E | "e" |
| F | VALUE_F | "f" |
| G | VALUE_G | "g" |
| H | VALUE_H | "h" |
| I | VALUE_I | "i" |
| J | VALUE_J | "j" |
| K | VALUE_K | "k" |
| L | VALUE_L | "l" |
| M | VALUE_M | "m" |
| N | VALUE_N | "n" |
| O | VALUE_O | "o" |
| P | VALUE_P | "p" |
| Q | VALUE_Q | "q" |
| R | VALUE_R | "r" |
| S | VALUE_S | "s" |
| T | VALUE_T | "t" |
| U | VALUE_U | "u" |
| V | VALUE_V | "v" |
| W | VALUE_W | "w" |
| X | VALUE_X | "x" |
| Y | VALUE_Y | "y" |
| Z | VALUE_Z | "z" |
| Cmd ⌘ / Window | VALUE_META VALUE_LEFT_CMD VALUE_RIGHT_CMD |
"Meta" |
| Context Menu | VALUE_CONTEXT_MENU | "ContextMenu" |
| Numpad 0 | VALUE_NUMPAD0 | "0" |
| Numpad 1 | VALUE_NUMPAD1 | "1" |
| Numpad 2 | VALUE_NUMPAD2 | "2" |
| Numpad 3 | VALUE_NUMPAD3 | "3" |
| Numpad 4 | VALUE_NUMPAD4 | "4" |
| Numpad 5 | VALUE_NUMPAD5 | "5" |
| Numpad 6 | VALUE_NUMPAD6 | "6" |
| Numpad 7 | VALUE_NUMPAD7 | "7" |
| Numpad 8 | VALUE_NUMPAD8 | "8" |
| Numpad 9 | VALUE_NUMPAD9 | "9" |
| Multiply | VALUE_MULTIPLY | "*" |
| Add | VALUE_ADD | "+" |
| Subtract | VALUE_SUBTRACT | "-" |
| Decimal | VALUE_DECIMAL | "." |
| Divide | VALUE_DIVIDE | "/" |
| F1 | VALUE_F1 | "F1" |
| F2 | VALUE_F2 | "F2" |
| F3 | VALUE_F3 | "F3" |
| F4 | VALUE_F4 | "F4" |
| F5 | VALUE_F5 | "F5" |
| F6 | VALUE_F6 | "F6" |
| F7 | VALUE_F7 | "F7" |
| F8 | VALUE_F8 | "F8" |
| F9 | VALUE_F9 | "F9" |
| F10 | VALUE_F10 | "F10" |
| F11 | VALUE_F11 | "F11" |
| F12 | VALUE_F12 | "F12" |
| F13 | VALUE_F13 | "F13" |
| F14 | VALUE_F14 | "F14" |
| F15 | VALUE_F15 | "F15" |
| F16 | VALUE_F16 | "F16" |
| F17 | VALUE_F17 | "F17" |
| F18 | VALUE_F18 | "F18" |
| F19 | VALUE_F19 | "F19" |
| F20 | VALUE_F20 | "F20" |
| F21 | VALUE_F21 | "F21" |
| F22 | VALUE_F22 | "F22" |
| F23 | VALUE_F23 | "F23" |
| F24 | VALUE_F24 | "F24" |
| Num Lock | VALUE_NUM_LOCK | "NumLock" |
| Scroll Lock | VALUE_SCROLL_LOCK | "ScrollLock" |
| Semicolon | VALUE_SEMICOLON | ";" |
| Equals | VALUE_EQUALS | "=" |
| Comma | VALUE_COMMA | "," |
| Dash | VALUE_DASH | "-" |
| Period | VALUE_PERIOD | "." |
| Slash | VALUE_SLASH | "/" |
| Back Quote | VALUE_BACK_QUOTE | "`" |
| Open Bracket | VALUE_OPEN_BRACKET | "(" |
| Back Slash | VALUE_BACK_SLASH | "\" |
| Close Bracket | VALUE_CLOSE_BRACKET | ")" |
| Quote | VALUE_QUOTE | "'" |
Contributing
All kinds of contributions are welcome. Please feel free to propose PRs, report issues and suggestions to improve.
Changelog
Check the CHANGELOG for full release history.
Maintainers
License
This package is licensed under the MIT License.
![dependabot[bot]](https://avatars.githubusercontent.com/u/49699333?size=120)