JavaScript를 사용하면서 키보드 이벤트를 사용하기 위해서는 keyCode가 필요하다.
keyCode를 사용해 사용자의 키입력을 감지하여 함수를 처리할 수 있다.
event.keyCode는 ASCII 코드에 기반한다.
| Key | Code | Key | Code |
| Backspace( ← ) | 8 | Numpad 0 | 96 |
| Tab | 9 | Numpad 1 | 97 |
| Enter | 13 | Numpad 2 | 98 |
| Shift | 16 | Numpad 3 | 99 |
| Left Control | 17 | Numpad 4 | 100 |
| Right Control | 25 | Numpad 5 | 101 |
| Left Alt | 18 | Numpad 6 | 102 |
| Right Alt | 21 | Numpad 7 | 103 |
| Caps Lock | 20 | Numpad 8 | 104 |
| Esc | 27 | Numpad 9 | 105 |
| Spacebar | 32 | Numpad * | 106 |
| Page Up | 33 | Numpad + | 107 |
| Page Down | 34 | Numpad - | 109 |
| End | 35 | Numpad . | 110 |
| Home | 36 | Numpad / | 111 |
| Left Arrow(←) | 37 | F1 | 112 |
| Up Arrow( ↑ ) | 38 | F2 | 113 |
| Right Arrow (→) | 39 | F3 | 114 |
| Down Arrow(↓) | 40 | F4 | 115 |
| Insert | 45 | F5 | 116 |
| Delete | 46 | F6 | 117 |
| Num Lock | 144 | F7 | 118 |
| ScrLk | 145 | F8 | 119 |
| Pause/Break | 19 | F9 | 120 |
| ; : | 186 | F10 | 121 |
| = + | 187 | F11 | 122 |
| - _ | 189 | F12 | 123 |
| / ? | 191 | ] } | 221 |
| ` ~ | 192 | ' " | 222 |
| [ { | 219 | , < | 188 |
| \ | | 220 | . > | 190 |
'JavaScript' 카테고리의 다른 글
| JavaScript - .focus(), .blur() (0) | 2024.04.08 |
|---|