Ö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 .keyup() özelliği

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

Ayrıca, keyup fonksiyonunda charCode değerlerine ulaşamayız. Bu sebeple işlemlerimizde keyCode değerlerini kullanmamız gerekmektedir.
ID değeri test olan input elemanımızla keyup fonksiyonumuzu incelemeye çalışalım.
<input type="text" id="test" />
$("#test").keyup();
test input una keyup fonksiyonumuzu atamış olduk. Bu atamadan sonra yapmak istediğimiz işlemleri keyup içinde bir function oluşturarak düzenliyoruz.
$("#test").keyup(function(){
 // işlemlerimizi bu kısımda düzenliyoruz.
});
keyup 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 - keyup()</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 () {
            // "keyup" fonksiyonumuzun "keyupTest" id sine sahip inputumuza atamasını gerçekleştiriyoruz.
            $("#keyupTest").keyup(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="keyupTest" />
</body>
</html>

Örnek :

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