JS Key Event Codes
Javascript assigns a numeric code to every key on a keyboard, including ones that control programs and interfaces.
Press any key to display its code:
KeyCode: [press any key]
KeyName: [press any key]
Here is a table that contains the values from event.which.
Code | Key | Code | Key |
---|---|---|---|
8 | Backspace | 85 | Letter U |
9 | Tab | 86 | Letter V |
13 | Enter | 87 | Letter W |
16 | Shift | 88 | Letter X |
17 | Ctrl | 89 | Letter Y |
18 | Alt | 90 | Letter Z |
19 | Break | 91 | Left command key |
20 | Caps lock | 92 | Right command key |
27 | Escape | 93 | Select key |
32 | Space | 96 | Numpad 0 |
33 | Page up | 97 | Numpad 1 |
34 | Page down | 98 | Numpad 2 |
35 | End | 99 | Numpad 3 |
36 | Home | 100 | Numpad 4 |
37 | Left arrow | 101 | Numpad 5 |
38 | Up arrow | 102 | Numpad 6 |
39 | Right arrow | 103 | Numpad 7 |
40 | Down arrow | 104 | Numpad 8 |
45 | Insert | 105 | Numpad 9 |
46 | Delete | 106 | Multiply * |
48 | Numner 0 | 107 | Add + |
49 | Numner 1 | 109 | Subtract - |
50 | Numner 2 | 110 | Decimal point . |
51 | Numner 3 | 111 | Divide / |
52 | Numner 4 | 112 | F1 |
53 | Numner 5 | 113 | F2 |
54 | Numner 6 | 114 | F3 |
55 | Numner 7 | 115 | F4 |
56 | Numner 8 | 116 | F5 |
57 | Numner 9 | 117 | F6 |
65 | Letter A | 118 | F7 |
66 | Letter B | 119 | F8 |
67 | Letter C | 120 | F9 |
68 | Letter D | 121 | F10 |
69 | Letter E | 122 | F11 |
70 | Letter F | 123 | F12 |
71 | Letter G | 144 | Num lock |
72 | Letter H | 145 | Scroll lock |
73 | Letter I | 186 | Colon |
74 | Letter J | 187 | Equal sign |
75 | Letter K | 188 | Comma |
76 | Letter L | 189 | Dash |
77 | Letter M | 190 | Period |
78 | Letter N | 191 | Forward slash |
79 | Letter O | 192 | Grave accent |
80 | Letter P | 219 | Open bracket |
81 | Letter Q | 220 | Back slash |
82 | Letter R | 221 | Close braket |
83 | Letter S | 222 | Single quote |
84 | Letter T |
JavaScript Key Event Codes
JavaScript key event codes, also known as key codes or key values, are numeric values assigned to each key on a keyboard. They are used to identify which key has been pressed or released during a keyboard event.
Key event codes are commonly used in web development to add interactivity and user input to web pages. For example, you might use key event codes to create a keyboard shortcut that performs a certain action when the user presses a specific key combination.
Key event codes are represented by numerical values in the range of 0-255, and each value corresponds to a specific key on a keyboard. They can be accessed using the keyCode property of the KeyboardEvent object, which is passed as an argument to a key event listener function.
Here are a few examples of common key event codes:
- 13: "Enter key"
- 32: "Space bar"
- 65: Letter "A"
- 48: Number "0"
By using key event codes in combination with event listeners, you can create powerful keyboard-driven interactions that make your web pages more engaging and user-friendly. For example, the key event captured in webpage uses a variation of the following JavaScript event handler:
document.addEventListener("keydown", function(event){ console.log(event.which); })
Knowing the key number or keycode in JavaScript Keyboard Events provides developers with a powerful tool to create responsive and user-friendly web applications.
Related Utilities
Feedback
Help us improve this page by providing feedback:
Sending...
Feedback sent. Thank you!
Error occurred!