blur Olayı

Elemanın "blur" olayına olay işleyici bağlamak ya da olayı tetiklemek.

İçindekiler :

.on( "blur" [, eventData ], handler ) Dönen Değer : jQuery Nesnesi
Açıklama : Seçilen eleman "blur" olayına bir olay işleyici bağlar.

.on( "blur" [, eventData ], handler ) Eklendiği Versiyon 1.7
"blur"
Tip : String
"blur" sabit string değeri.
eventData
Tip : Herhangi birşey
Olay işleyiciye iletilecek bilgileri içeren bir nesne.
handler
Tip : Fonksiyon( Olay eventObject )
Olay her tetiklendiğinde çalıştırılacak olan fonksiyon.

Bu sayfa blur olayını açıklıyor, kaldırılmış olan .blur() metodu için linkteki sayfaya bakınız.

Blur olayı eleman odaktan çıktığında elemana gönderilir. Orjinalde bu olay sadece form elemanlarına uygulanabilir, mesela <input> elemanı içine tıklayıp kursörü oana odakladıktan sonra eleman dışına bir yere tıklayarak ya da tab vs tuşla başka form elemanına geçince tetiklenir. Son tarayıcılarda olay tüm elemanlarda etkili olabilecek şekilde genişletilmiştir.

Şöyle bir HTML düşünelim :

<form>
  <input id="target" type="text" value="Alan 1">
  <input type="text" value="Alan 2">
</form>
<div id="other">
  Olayı tetikler
</div>

Olay işleyici ilk <input> elemanına bağlanabilir.

$( "#target" ).on( "blur", function() {
   alert( "`blur` olay işleyici çağrıldı." );
} );

Şimdi eğer ilk giriş elemanı odak kaybederse "blur" olayı tetiklenir ve bir alert mesaj çıkar.

Olayı kod yoluyla da tetiklemek mümkün.

$( "#other" ).on( "click", function() {
   $( "#target" ).trigger( "blur" );
} );

Bu kod çalıştırıldıktan sonra ID değeri "other" olan elemana tıklamak olayı dışardan tetikleyecektir.

Bu blur olayı üst elemanlara doğru yayılmaz. JQuery 1.4.2 ile blur yerine focusout ile bu yayılma sağlanıyor.

Ojjinal blur olayı tüm IE versiyonlarında diğer tarayıcıların aksine asenkron çalışır. Versiyon 3.7.0 ile jQuery bu olayı tüm tarayıcılarda aynı davranış için focusout olayını kullanmaya başladı.



Örnekler:

Tüm paragraflarda blur olayını tetikle.

$( "p" ).trigger( "blur" );
.trigger( "blur" ) Dönen Değer : jQuery Nesnesi
Açıklama : Seçilen elemanlarda "blur" olayını tetikler.

.trigger( "blur" ) Eklendiği Versiyon 1.0
"blur"
Tip : String
Sabit string "blur".

Kullanımı için .on( "blur", ... ) açıklamasına bakınız.

.

.