[Javascript] yCode 코드값 - Lael's World

Trang chủ » Bảng Keycode » [Javascript] yCode 코드값 - Lael's World

Có thể bạn quan tâm

[Javascript] event.keyCode 코드값

HYEONG HWAN, MUN/ 10월 18, 2014/ 미분류/ 6 comments

https://blog.lael.be/post/75

배경

Javascript 로 사용자의 키입력을 감지하여 함수를 처리할 수 있습니다.

이론

event.keyCode 는 ASCII 코드에 기반합니다.

내용

자주 사용되는 keyCode 값은 다음과 같습니다.

Key Code Reference Table

0 10 20 Caps Lock 30 40 Arrow Down
1 11 21 31 41
2 12 22 32 42
3 13 Enter 23 33 Page Up 43
4 14 24 34 Page Down 44
5 15 25 35 End 45 Insert
6 16 Shift 26 36 Home 46 Delete
7 17 Ctrl 27 Esc 37 Arrow Left 47
8 Backspace 18 Alt 28 38 Arrow Up 48 0
9 Tab 19 Pause/Break 29 39 Arrow Right 49 1
50 2 60 70 f 80 p 90 z
51 3 61 =+ 71 g 81 q 91 Windows
52 4 62 72 h 82 r 92
53 5 63 73 i 83 s 93 Right Click
54 6 64 74 j 84 t 94
55 7 65 a 75 k 85 u 95
56 8 66 b 76 l 86 v 96 0 (Num Lock)
57 9 67 c 77 m 87 w 97 1 (Num Lock)
58 68 d 78 n 88 x 98 2 (Num Lock)
59 ;: 69 e 79 o 89 y 99 3 (Num Lock)
100 4 (Num Lock) 110 . (Num Lock) 120 F9 130 140
101 5 (Num Lock) 111 / (Num Lock) 121 F10 131 141
102 6 (Num Lock) 112 F1 122 F11 132 142
103 7 (Num Lock) 113 F2 123 F12 133 143
104 8 (Num Lock) 114 F3 124 134 144 Num Lock
105 9 (Num Lock) 115 F4 125 135 145 Scroll Lock
106 * (Num Lock) 116 F5 126 136 146
107 + (Num Lock) 117 F6 127 137 147
108 118 F7 128 138 148
109 - (Num Lock) 119 F8 129 139 149
150 160 170 180 190 .>
151 161 171 181 191 /?
152 162 172 182 My Computer 192 `~
153 163 173 183 My Calculator 193
154 164 174 184 194
155 165 175 185 195
156 166 176 186 196
157 167 177 187 197
158 168 178 188 ,< 198
159 169 179 189 199
200 210 220 \| 230 240
201 211 221 ]} 231 241
202 212 222 ‘” 232 242
203 213 223 233 243
204 214 224 234 244
205 215 225 235 245
206 216 226 236 246
207 217 227 227 227
208 218 228 238 248
209 219 [{ 229 239 249

Demo

Mozilla 계열의 브라우저는 약간 다른방식으로 동작합니다. 함수내에서 event값을 사용하려면 반드시 그 값을 변수로 넘겨야 합니다.

<input type="text" onkeypress="keycheck(event)" />

Javascript 함수에서도 크로스브라우징을 위해서 event 로 전달된 값을 체크해야합니다.

대부분의 브라우저는 변수로 전달하지 않아도 함수내에서 event를 참조할 수 있습니다. Mozilla 브라우저를 위해서 evt 전달된 값의 which 속성을 본 후 값이 유효하다면 이 값을 사용하도록 합시다.

function keycheck(evt){ var keyCode = evt.which?evt.which:event.keyCode; }

이 글 공유하기:

  • 인쇄
  • Facebook
  • X
  • Pinterest
  • 전자우편

관련

Từ khóa » Bảng Keycode