Reklam
JavaScript KeyCode’ları

JavaScript KeyCode’ları

Merhaba arkadaşlar,

JavaScript tarayıcı taraflı çalışan günümüz web sitelerinde çok sık kullanılan bir programlama dilidir. Çoğu zamanda sayfamızda bir işlem yapacağımız bazen bu tuş kodlarını ihtiyacımız olabilir. En basit örnek olarak yandaki giriş formunda jQuery ile Enter’a basılınca formun gönderilmesini sağladık. Çünkü yandaki formdaki buton submit işlevinde değildir. Sadece butondur. Enter tuşuna basıldığı zaman formu submit etmesini biz bildiriyoruz. İstersek Escape tuşuna basıldığı zamanda formun submit edilmesini sağlayabilirdik. Aşağıdaki tabloda klavyenizde bulunan gerekli tuş kodları bulunmaktadır.

Basılan tuşTuş Kodu
backspace8
tab9
enter13
shift16
ctrl17
alt18
pause/break19
caps lock20
escape27
page up33
page down34
end35
home36
sol tuşu37
üst tuşu38
sağ tuşu39
aşağı tuşu40
insert45
delete46
048
149
250
351
452
553
654
755
856
957
a65
b66
c67
d68
e69
f70
g71
h72
i73
j74
k75
l76
m77
n78
o79
p80
q81
r82
s83
t84
u85
v86
w87
x88
y89
z90
numpad 096
numpad 197
numpad 298
numpad 399
numpad 4100
numpad 5101
numpad 6102
numpad 7103
numpad 8104
numpad 9105
çarpma işareti106
toplama işaret107
eksi işareti109
ondalık işareti110
bölme işareti111
f1112
f2113
f3114
f4115
f5116
f6117
f7118
f8119
f9120
f10121
f11122
f12123
num lock144
scroll lock145
eşittir187
virgül188
tire189
slaş191
ter slaş220
tek tırnak222

Bu keycode’larını kullanarak bir deneme yapalım:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml xml:lang="tr" lang="tr">  
  
<head>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <meta name="author" content="oralunal" />  
  
    <title>keyCode - www.trkodlama.com</title>  
    <script src="jQuery_dizini/jQuery.js" type="text/javascript"></script>  
    <script type="text/javascript">  
        $(document).ready(function(){  
            $("#gizli").hide();  
            $(document).keyup(function(e) {  
                if(e.keyCode == '13') { //Enter tuşu  
                    $("#gizli").fadeIn();  
                }  
                else if(e.keyCode == '') { //Escape tuşu  
                    $("#gizli").fadeOut();  
                }  
            });  
        });  
    </script>  
</head>  
<body>  
<div>Bu div herkes tarafında görünecektir.</div>  
<div id="gizli">Bu div Enter tuşuna basıldığı zaman görünecek Escape tuşuna basıldığı zaman kaybolacaktr.</div>  
</body>  
</html> 

Kullanımı gayet basit ve anlaşılır. Bu sayede $.keyup() fonksiyonunu da anlatmış oldum. Umarım faydalı olmuştur.

Kolay gelsin,


1 Yorum
  1. Oral ÜNAL 5 seneönce
    Cevapla

    Listede “Space” tuşunu eklemeyi unutmuşum. Space tuşunun numarası “32” dir ;)

Yorum Yapın

Eposta adresiniz görünmeyecektir.

15 − dört =