<input id="tstint" type="text" />
<label id="tstintblg"></label>
$("#tstbtn").focus();
$("#tstbtn").blur();
tstint input una focus ve blur fonksiyonumuzu atamış olduk. Bu atamadan sonra yapmak istediğimiz işlemleri focus ve blur içinde bir function oluşturarak düzenliyoruz.$("#tstint").focus(function(){
// yapmak istediklerimizi bu kısımda düzenliyoruz.
});
$("#tstint").blur(function(){
// yapmak istediklerimizi bu kısımda düzenliyoruz.
});
Dilerseniz küçük bir örnek yapalım. Sayfamızda inputa odaklanıldığında ve bıraktığında label ile bilgi verelim.$("#tstint").focus(function(){
// eğer inputa odaklanılmış ise label ile bilgi veriyoruz.
$("#tstintblg").html('odaklanıldı.');
});
$("#tstint").blur(function(){
// eğer inputa odaklanılma bırakılmış ise label ile bilgi veriyoruz.
$("#tstintblg").html('odaklanmayı bıraktınız.');
});
HTML görünüm
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>jQuery - blur()</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#tstint").focus(function(){
// eğer inputa odaklanılmış ise label ile bilgi veriyoruz.
$("#tstintblg").html('odaklanıldı.');
});
$("#tstint").blur(function(){
// eğer inputa odaklanılma bırakılmış ise label ile bilgi veriyoruz.
$("#tstintblg").html('odaklanmayı bıraktınız.');
});
});
</script>
</head>
<body>
<input id="tstint" type="text" /> <label id="tstintblg"></label>
</body>
</html>
Örnek :
Hiç yorum yok:
Yorum Gönder