Jquery Ders-14 .focus() ve .blur() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-14 .focus() ve .blur() Kullanımı

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(4925)
RAPOR ET
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.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol