Öne Çıkan Yayın

Uzak Masaüstü Bağlantısı ve Modem Port Ayarı

İyi günler bu konumuzda uzak masaüstü bağlantısı ve modem port ayarını anlatacağım. Normalde uzak masaüstü bağlantısı ayarını açtığımızda ye...

4 Eylül 2012 Salı

Jquery .keydown() özelliği

        jQuery keydown, klavyeden bir tuşa basıldığı anda aktif olan bir fonksiyondur. Örneğin klavyeden “m” tuşuna basıyorsunuz. keydown, “m” tuşuna bastığınız anda işlem yapmaya başlar. keyup fonksiyonundan farkı, keyup parmağınızı tuştan kaldırdığınız anda, keydown tuşa bastığınız anda aktif olur.

Ayrıca, keydown ile keypress arasındaki fark charCode değerleridir. Her iki fonksiyonda tuşa basıldığı anda aktif olur ama keydown ile charCode değerini alamayız. keypress fonksiyonu ile charCode değerlerine ulaşabiliriz.
ID değeri test olan input elemanımızla keydown fonksiyonumuzu incelemeye çalışalım.
<input type="text" id="test" />
$("#test").keydown();
test input una keydown fonksiyonumuzu atamış olduk. Bu atamadan sonra yapmak istediğimiz işlemleri keydown içinde bir function oluşturarak düzenliyoruz.
$("#test").keydown(function(){
 // işlemlerimizi bu kısımda düzenliyoruz.
});
keydown olayını daha iyi algılayabilmek için küçük bir örnek hazırlayalım. Bu örneğimizde klavyeden basılan tuşun enter olup olmadığını kontrol edelim. Bu kontrolümüzü tuşların keyCode değerlerini alarak yapacağız. Enter tuşunun keyCode değeri 13 tür.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>jQuery - keydown()</title>
    <style type="text/css">
        body{font-size: 1.0em; font-family: Arial, Verdana;}
    </style>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        // document ready fonksiyonu ile sayfamız yüklenirken yapılacak işlemlerin atamasını yapıyoruz.
        $(document).ready(function () {
            // "keydown" fonksiyonumuzun "keydownTest" id sine sahip inputumuza atamasını gerçekleştiriyoruz.
            $("#keydownTest").keydown(function (event) {
                // klavyeden basılan tuşun keyCode değerini alarak "Code" değişkenine atıyoruz.
                Code = event.keyCode ? event.keyCode : 0;
                // elde ettiğimiz değerimizin, enter tuşumuzun keyCode değeri olan 13 olup olmadığını kontrol ediyoruz.
                if (Code == 13) {
                    // eğer basılan tuş enter ise bu bölüm işleme alınacaktır.
                    alert("Enter tuşuna bastınız.");
                }
            });
        });
    </script>
</head>
<body>
<p>Lütfen, imleciniz input içinde iken enter tuşuna basınız.</p>
<input type="text" id="keydownTest" />
</body>
</html>

Örnek :

Lütfen, imleciniz input içinde iken enter tuşuna basınız.