change Olayı

Seçilen elemanlara "change" olay işleyicisi bağla ya da bu olayı tetikle.

İçindekiler :

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

.on( "change" [, eventData ], handler ) Eklendiği Versiyon 1.7
"change"
Tip : String
"change" 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 change olayını açıklıyor, kaldırılmış olan .change() metodu için linkteki sayfaya bakınız.

Elemanın value değeri değiştiğinde change olayı oluşur. Bu olay <input>, <textarea> ve <select> elemanları için geçerlidir. Select , checkbox ve radio button'lar için mouse ile tıklanıp seçim yapıldığı anda oluşur, diğer elemanlar için eleman değeri değişip eleman fokus kaybedince oluşur.

Örnek olarak şu HTML :

<form>
   <input class="target" type="text" value="Field 1">
   <select class="target">
      <option value="option1" selected="selected">Option 1</option>
      <option value="option2">Option 2</option>
   </select>
</form>
<div id="other">
   Trigger the handler
</div>

Text girişine ve select kutusuna olay işleyici verelim.

$( ".target" ).on( "change", function() {
   alert( "Handler for `change` called." );
} );

Şimdi seçme kutusunda ikinci opsiyon deçildiğinde veya text girişe bir şeyler yazıp dışında bir yere tıkladığınızda alert mesajı çıkacaktır. Yazı giriş alanında bir şey yazmadan eleman dışına tıklarsanız değişim olmadığı için olay tetiklenmez. Olayı kodla manual tetiklemek için .trigger("change") kullanılır.

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

Bu kod çalıştıktan sonra ID değeri other olan eleman tıklanınca da olay tetiklenir ve alert verir. Mesaj 2 defa çıkar çünkü olayın bağlandığı 2 elemanda da olay tetikleniyor.

JQuery 1.4 ile diğer tarayıcılarla uyumlu olması için IE'da da change olayı yukarı elemanlara yayılmaya başladı.

Not : Bir input elemanının değerini JavaScript kullanarak mesela .val() metodu ile değiştirirseniz olay tetiklenmez. Olayı da JavaScript kodunuzla isterseniz tetikleyebilirsiniz.

-------------- TO DO --------------

Örnekler:

.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.

.

.