자바스크립트에서 키 입력 이벤트 시 사용되는 키코드를 정리해보았다.
• 영문 a - Z
KEY | KeyCode | ASCII | KEY | KeyCode | ASCII |
a | 65 | 97 | A | 65 | 65 |
b | 66 | 98 | B | 66 | 67 |
c | 67 | 99 | C | 67 | 67 |
d | 68 | 100 | D | 68 | 68 |
e | 69 | 101 | E | 69 | 69 |
f | 70 | 102 | F | 70 | 70 |
g | 71 | 103 | G | 71 | 71 |
h | 72 | 104 | H | 72 | 72 |
i | 73 | 105 | I | 73 | 73 |
j | 74 | 106 | J | 74 | 74 |
k | 75 | 107 | K | 75 | 75 |
l | 76 | 108 | L | 76 | 76 |
m | 77 | 109 | M | 77 | 77 |
n | 78 | 110 | N | 78 | 78 |
o | 79 | 111 | O | 79 | 79 |
p | 80 | 112 | P | 80 | 80 |
q | 81 | 113 | Q | 81 | 81 |
r | 82 | 114 | R | 82 | 82 |
s | 83 | 115 | S | 83 | 83 |
t | 84 | 116 | T | 84 | 84 |
u | 85 | 117 | U | 85 | 85 |
v | 86 | 118 | V | 86 | 86 |
w | 87 | 119 | W | 87 | 87 |
x | 88 | 120 | X | 88 | 88 |
y | 89 | 121 | Y | 89 | 89 |
z | 90 | 122 | Z | 90 | 90 |
• 숫자 1 ~ 10 과 특수문자
KEY | KeyCode | ASCII |
0 | 48 | 48 |
1 | 49 | 49 |
2 | 50 | 50 |
3 | 51 | 51 |
4 | 52 | 52 |
5 | 53 | 53 |
6 | 54 | 54 |
7 | 55 | 55 |
8 | 56 | 56 |
9 | 57 | 57 |
; : | 186 | 59 |
= + | 187 | 61 |
< , | 188 | 44 |
> . | 190 | 46 |
- _ | 189 | 45 |
/ ? | 191 | 47 |
` ~ | 192 | 96 |
[ { | 219 | 91 |
] } | 221 | 93 |
\ | | 220 | 92 |
" ' | 222 | 39 |
• 기능 키
KEY | keyCode |
F1 | 112 |
F2 | 113 |
F3 | 114 |
F4 | 115 |
F5 | 116 |
F6 | 117 |
F7 | 118 |
F8 | 119 |
F9 | 120 |
F10 | 121 |
F11 | 122 |
F12 | 123 |
• 컨트롤 키
KEY | keyCode | ASCII |
Backspace | 8 | 8 |
Tab | 9 | 9 |
Enter | 13 | 13 |
Shift | 16 | 0 |
Left Controll | 17 | 0 |
Right Controll | 25 | 0 |
Left Alt | 18 | 0 |
Right Alt | 21 | 0 |
Caps Lock | 20 | 0 |
ESC | 27 | 27 |
Spacebar | 32 | 32 |
Page Up | 33 | 0 |
Page Down | 34 | 0 |
End | 35 | 0 |
Home | 36 | 0 |
Left Arrow | 37 | 0 |
Up Arrow | 38 | 0 |
Right Arrow | 39 | 0 |
Down Arrow | 40 | 0 |
Insert | 45 | 0 |
Delete | 46 | 127 |
Num Lock | 144 | 0 |
Print Screen | 145 | 0 |
Pause / Break | 19 | 0 |
• 넘버패드 키
KEY | keyCode | ASCII |
Numpad 0 | 96 | 48 |
Numpad 1 | 97 | 49 |
Numpad 2 | 98 | 50 |
Numpad 3 | 99 | 51 |
Numpad 4 | 100 | 52 |
Numpad 5 | 101 | 53 |
Numpad 6 | 102 | 54 |
Numpad 7 | 103 | 55 |
Numpad 8 | 104 | 56 |
Numpad 9 | 105 | 57 |
Multiply | 106 | 42 |
Add | 107 | 43 |
Enter | 13 | 13 |
Subtract | 109 | 45 |
Decimal | 110 | 46 |
Divide | 111 | 47 |
'JavaScript' 카테고리의 다른 글
[JavaScript] 자바스크립트로 하는 전화번호 / 휴대폰 번호 유효성 검사 (정규식) (0) | 2021.11.05 |
---|---|
[JavaScript] 이벤트를 취소하는 방법 세가지 (이벤트 전파 중단) (1) | 2021.07.18 |
[JavaScript] Date 객체 사용 시 주의해야 할 점 (크로스 브라우징 이슈) (1) | 2021.07.06 |
[JavaScript] 논리 연산자(&&, ||)를 활용한 간결하고 효율적인 스크립트 작성 TIP (0) | 2021.07.02 |
[Javascript] 객체 property 종류 및 속성 (0) | 2021.07.02 |