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.
Hiç yorum yok:
Yorum Gönder