Jquery eğitim serimize devam ediyoruz.Bu derste
.focus() ve
.blur() methotlarını işleyeceğiz.Focus() bir yere odaklanınca işlem yapmak için.Blur ise odaktan çıkınca işlem yapmak için.
Örnek olarak bir inputumuz var mouse ile buna tıkladığımızda focus işlemi olur.İşte biz bu anı yakalayıp işlem yapabiliriz.Başka bir yere tıkladığımızda blur işlemi olur yani inputtan çıkmış oluruz.Bu anıda yakalayıp işlem yapabiliriz.
1-focus()
$(".alan").focus(function(){
//işlem
})
Bu şekilde odaklanınca işlem yapabiliriz focusta.
2-blur()
$(".alan").blur(function(){
//işlem
})
Bu şekilde de odaktan çıkınca işlem yapabiliriz.
Genel örnek :
<!DOCTYPE html>
<html lang="en">
<head>
<title>UstaDerslik</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("input").focus(function(){
var isim=$(this).val();
if(isim=="İsim"){ $(this).val(""); }
});
$("input").blur(function(){
var isim=$(this).val();
if(isim==""){ $(this).val("İsim"); }
});
});
</script>
</head>
<body>
<input type="text" value="İsim" />
</body>
</html>
Yukarda inputa tıklarsak içindeki İsim silinecek.Başka yere tıklarsak gelecek.
Yukarda ilk olarak focus olursa.Tıklanan yerin değerini al isim değişkenine ata dedik.Daha sonra isim = İsim e eşitse içeriğini bom boş yap dedik.
Blur işlemi olursa gene değeri al dedik.Eğer içeriği boşsa içine İsim yaz dedik.Böylelikle içine baka bir şey yazılırsa değeri silinmeyecek.