Javascirpt KeyCode
Javascirpt KeyCode Nedir
Keycode klavyede herhangi bir herhangi bir tuşa basıldığında üretilen sayı değerine denir.KeyCode özelliği, onkeypress, onkeydown veya onkeyup olayları ile kullanılır. Keycode, bu olayları tetikleyen klavye tuşunun unicode anahtar kodunu bize döndürür.Javascirpt KeyCode Nasıl Kullanılır
Öncelikle karakter kodu (ASCII) ve KeyCode aralarında fark vardır. Karakter kodları, Bir ASCII karakterini temsil eden bir sayıdır.Keycode ise klavyede gerçek bir tuşu temsil eder. Keycode üretmek için gerçek bir tuşa basılması gerekmektedir.
Karakter kodu ve Keycode herzaman aynı şeyi ifade etmez. Örneğin q tuşunun ve Q tuşunun keycode değeri ikisi içinde 81 dir. Ancak ascii kodu küçük q 81, büyük Q ise 113 tür.Eğer document.onkeydown kullanır iseniz kullanıcı q veya Q ya bastığında hep 81 değerini elde edersiniz.
Ancak document.onkeypress kullanır iseniz kullanıcı q ya bastığında 81 ve Q ya bastığında 113 değerini elde eder.
Kullanıcının bir işlev tuşunu ("F1", "CAPS LOCK" veya "Shift" gibi tuşlar) kullanıp kullanmadığını kontrol etmek için onkeydown veya onkeyup etkinliğini kullanmalısınız.Çünkü onkeypress bu tuşların basıldığını algılayamaz. Ayrıca onkeypress Firefox'ta çalışmamaktadır dolayısıyla keypress Firefox'da sıfır döndürür.Eğer "ALT", "CTRL" veya "SHIFT" tuşlarının basıldığını kontrol etmek istiyorsanız altKey, ctrlKey or shiftKey özelliklerini kullanmalısınız.
Örnek Kullanım
if (e.shiftKey==true) alert ("Shift e basıldı"); veya
if (e.keyCode==16) alert ("Shift e basıldı");
Javascript KeyCode Örnek
<html>
<p>
Bir harf, sayı yada sembolün Unicode karakter kodunu almak için klavyedeki herhangi bir tuşa basın.
</p>
<p id="demo" style='border:1px solid;padding:10px 5px;font-size:32px;width:300px;height:90px;text-align:center;'></p>
<script>
document.onkeydown = fff;
//document.onkeypress = fff;
function fff (e) {
var x = e.which || e.keyCode;
document.getElementById ("demo") .innerHTML = "Unicode Kodu: " + x;
}
</script>
</body>
</html>
Javascirpt KeyCode Sayı Karşılıkları
Key Code | Key Code | Key Code | |||||
backspace | 8 | e | 69 | numpad 8 | 104 | ||
tab | 9 | f | 70 | numpad 9 | 105 | ||
enter | 13 | g | 71 | çarpım * | 106 | ||
shift | 16 | h | 72 | toplama + | 107 | ||
ctrl | 17 | i | 73 | çıkarma - | 109 | ||
alt | 18 | j | 74 | virgül, | 110 | ||
pause/break | 19 | k | 75 | bölü slah / | 111 | ||
caps lock | 20 | l | 76 | f1 | 112 | ||
escape | 27 | m | 77 | f2 | 113 | ||
page up | 33 | n | 78 | f3 | 114 | ||
page down | 34 | o | 79 | f4 | 115 | ||
end | 35 | p | 80 | f5 | 116 | ||
home | 36 | q | 81 | f6 | 117 | ||
left arrow | 37 | r | 82 | f7 | 118 | ||
up arrow | 38 | s | 83 | f8 | 119 | ||
right arrow | 39 | t | 84 | f9 | 120 | ||
down arrow | 40 | u | 85 | f10 | 121 | ||
insert | 45 | v | 86 | f11 | 122 | ||
delete | 46 | w | 87 | f12 | 123 | ||
0 | 48 | x | 88 | num lock | 144 | ||
1 | 49 | y | 89 | scroll lock | 145 | ||
2 | 50 | z | 90 | noktalı virgül; | 186 | ||
3 | 51 | leftwindow | 91 | eşittir = | 187 | ||
4 | 52 | rightwindow | 92 | virgül , | 188 | ||
5 | 53 | select key | 93 | tire - | 189 | ||
6 | 54 | numpad 0 | 96 | period | 190 | ||
7 | 55 | numpad 1 | 97 | forward slash | 191 | ||
8 | 56 | numpad 2 | 98 | tek tırnak | 192 | ||
9 | 57 | numpad 3 | 99 | open bracket | 219 | ||
a | 65 | numpad 4 | 100 | ters slash | 220 | ||
b | 66 | numpad 5 | 101 | close braket | 221 | ||
c | 67 | numpad 6 | 102 | single quote | 222 | ||
d | 68 | numpad 7 | 103 |
Diğer Javascript Keycodelar
keydown/keyup event.keyCode | |||||
Opera | MSIE | Firefox | Safari | Chrome | Key pressed |
173 | 173 | 181 | 173 | 173 | Mute On Off |
174 | 174 | 182 | 174 | 174 | Volume Down |
175 | 175 | 183 | 175 | 175 | Volume Up |
186 | 186 | 59 | 186 | 186 | ; : |
187 | 187 | 61 | 187 | 187 | = + |
189 | 189 | 173 | 189 | 189 | - _ |
96/45 Numpad 0 Ins 97/35 Numpad 1 End 98/40 Numpad 2 Down 99/34 Numpad 3 Pg Down 100/37 Numpad 4 Left 101/12 Numpad 5 102/39 Numpad 6 Right 103/36 Numpad 7 Home 104/38 Numpad 8 Up 105/33 Numpad 9 Pg Up 106/106 Numpad * 107/107 Numpad + 109/109 Numpad - 110/46 Numpad . Del 111/111 Numpad / 32 64 @ 96 ` 128 € 160 192 À 224 à 33 ! 65 A 97 a 129 161 ¡ 193 Á 225 á 34 " 66 B 98 b 130 ‚ 162 ¢ 194  226 â< 35 # 67 C 99 c 131 ƒ 163 £ 195 à 227 ã 36 $ 68 D 100 d 132 „ 164 ¤ 196 Ä 228 ä 37 % 69 E 101 e 133 … 165 ¥ 197 Å 229 å 38 & 70 F 102 f 134 † 166 ¦ 198 Æ 230 æ 39 ' 71 G 103 g 135 ‡ 167 § 199 Ç 231 ç 40 ( 72 H 104 h 136 ˆ 168 ¨ 200 È 232 è 41 ) 73 I 105 i 137 ‰ 169 © 201 É 233 é 42 * 74 J 106 j 138 Š 170 ª 202 Ê 234 ê 43 + 75 K 107 k 139 ‹ 171 « 203 Ë 235 ë 44 , 76 L 108 l 140 Œ 172 ¬ 204 Ì 236 ì 45 - 77 M 109 m 141 173 205 Í 237 í 46 , 78 N 110 n 142 Ž 174 ® 206 Î 238 î 47 / 79 O 111 o 143 175 ¯ 207 Ï 239 ï 48 0 80 P 112 p 144 176 ° 208 Ð 240 ð 49 1 81 Q 113 q 145 ‘ 177 ± 209 Ñ 241 ñ 50 2 82 R 114 r 146 ’ 178 ² 210 Ò 242 ò 51 3 83 S 115 s 147 “ 179 ³ 211 Ó 243 ó 52 4 84 T 116 t 148 ” 180 ´ 212 Ô 244 ô 53 5 85 U 117 u 149 • 181 µ 213 Õ 245 õ 54 6 86 V 118 v 150 – 182 ¶ 214 Ö 246 ö 55 7 87 W 119 w 151 — 183 · 215 × 247 ÷ 56 8 88 X 120 x 152 ˜ 184 ¸ 216 Ø 248 ø 57 9 89 Y 121 y 153 ™ 185 ¹ 217 Ù 249 ù 58 : 90 Z 122 z 154 š 186 º 218 Ú 250 ú 59 ; 91 [ 123 { 155 › 187 » 219 Û 251 û 60 < 92 124 | 156 œ 188 ¼ 220 Ü 252 ü 61 = 93 ] 125 } 157 189 ½ 221 Ý 253 ý 62 > 94 ^ 126 ~ 158 ž 190 ¾ 222 Þ 254 þ 63 ? 95 _ 127 159 Ÿ 191 ¿ 223 ß 255 ÿ