Jquery eğitim serimize devam ediyoruz.Bu derste
.keyup() methodunu anlatacağım.İşlevinden bahsedelim.Bir input,textarea veya sayfanın her hangi bir yerinde bir tuşa basılırsa bu olayı yakalıyor keyup.
$("textarea").keyup(function(){
//işlem
})
Basit kullanımı bu şekilde.Peki o an basılan tuşun hangi tuş olduğunu bulmak istersek.
$("input").keyup(function(e){
var tus=e.which;
alert(tus)
})
Function içine e diye değişken yarattım.Bu değişken o an basılan tuşun verilerini alıyot.Bizde which ile tuşun değerini alıyoruz.
Ama burda a ya basarsak a değerini vermeyecektir.65 değerini verecek.Diğer tuşlarda aynı şekilde bir sayı verecektir.İşlem yapacağınız tuşun sayısal değerini öğrenip ondan sonra işlem yapabilirsiniz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$(document).keyup(function(e){
var tus=e.which;
$(".tus").text(tus);
if(tus==65){
alert("a ya bastın");
}
})
})
</script>
<body>
<div class="tus"></div>
</body>
</html>
Yukarıda sayfanın her hangi bir yerinde tuşa basarsanız,tuşun o anki değerini keyup ile alıp sayfaya yazdırıyorum.Eğer a ya basarsanız bir alert kutusu açılacaktır.Keyup kullanımı bu kadar.