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