클라인언트 단 개발을 하다보면 특정 키가 작동했을때 반응을 하거나
특정 키를 작동을 불가하게 하는 작업이 필요할때가 있다.
그럴경우 event.keycode == 13 // enter 키값
식으로 코드를 작성해주면 된다.
아래는 다양한 key code 값에 대한 목록이다.
1. A~Z / a~z / 0~9
Letter or number key |
ASCII key code |
A |
65 |
B |
66 |
C |
67 |
D |
68 |
E |
69 |
F |
70 |
G |
71 |
H |
72 |
I |
73 |
J |
74 |
K |
75 |
L |
76 |
M |
77 |
N |
78 |
O |
79 |
P |
80 |
Q |
81 |
R |
82 |
S |
83 |
T |
84 |
U |
85 |
V |
86 |
W |
87 |
X |
88 |
Y |
89 |
Z |
90 |
0 |
48 |
1 |
49 |
2 |
50 |
3 |
51 |
4 |
52 |
5 |
53 |
6 |
54 |
7 |
55 |
8 |
56 |
9 |
57 |
a |
97 |
b |
98 |
c |
99 |
d |
100 |
e |
101 |
f |
102 |
g |
103 |
h |
104 |
i |
105 |
j |
106 |
k |
107 |
l |
108 |
m |
109 |
n |
110 |
o |
111 |
p |
112 |
q |
113 |
r |
114 |
s |
115 |
t |
116 |
u |
117 |
v |
118 |
w |
119 |
x |
120 |
y |
121 |
z |
122 |
2. Numeric Keypad 키코드
Numeric keypad key |
ASCII key code |
Numpad 0 |
48 |
Numpad 1 |
49 |
Numpad 2 |
50 |
Numpad 3 |
51 |
Numpad 4 |
52 |
Numpad 5 |
53 |
Numpad 6 |
54 |
Numpad 7 |
55 |
Numpad 8 |
56 |
Numpad 9 |
57 |
Multiply |
42 |
Add |
43 |
Enter |
13 |
Subtract |
45 |
Decimal |
46 |
Divide |
47 |
3. 기타키 키코드
Key |
ASCII key code |
Backspace |
8 |
Tab |
9 |
Enter |
13 |
Shift |
0 |
Control |
0 |
Caps Lock |
0 |
Esc |
27 |
Spacebar |
32 |
Page Up |
0 |
Page Down |
0 |
End |
0 |
Home |
0 |
Left Arrow |
0 |
Up Arrow |
0 |
Right Arrow |
0 |
Down Arrow |
0 |
Insert |
0 |
Delete |
127 |
Num Lock |
0 |
ScrLk |
0 |
Pause/Break |
0 |
; : |
59 |
= + |
61 |
- _ |
45 |
/ ? |
47 |
` ~ |
96 |
[ { |
91 |
\ | |
92 |
] } |
93 |
" ' |
39 |
, |
44 |
. |
46 |
/ |
47 |
ps. 찾기 힘들고 바로바로 값을 확인하고 싶다면 참고해야 할 사이트이다.
JavaScript Event KeyCodes
Press any key to get the JavaScript event keycode
keycode.info
링크를 타고 들어가면 바로바로 키값을 획득할수있다.