JQuery Olayları (Events)

JQuery’de nesne seçiminden sonra en önemli ana başlığımız olaylardır. Events/Olaylar ile tüm nesnelerimizi, sayfamız üzerindeki durum ve koşullarına göre yönetebiliriz.

Önem sıralamasına göre JQuery olaylarını aşağıdaki gibi sıralayabiliriz.

click : Tıklama olayı.

dblclick : Çift tıklama olayı.

mouseenter : İmleç ile seçilen nesenin üzerine gelinmesi olayı.

mouseleave : İmlecin seçilen nesenin üzerinden çekilmesi olayıdır.

mousedown : Farenin tuşuna basılması olayı.

mouseup : Farenin basılı olan tuşunu bırakma olayı.

hover : mouseenter ve mouseleave olaylarının birleşimidir. Hover olayına iki ayrı fonksiyon bağlanabilir. İlk olarak imleç nesenin üzerine geldiğinde yapılacak komutlar, ikincisinde ise imleç terk ettiğinde yapılacak komut ya da fonksiyonlar belirtilir.

focus : Odaklanma olayıdır.

blur : Aktif haldeki nesnenin terk edilmesi olayıdır.

load : Seçili bir nesnenin ve tüm içeriğinin yüklenmesi olayı. Resim dosyaları, scripts, frame, iframe, ve window nesneleri için kullanılabilir. Seçili nesne istemci bilgisayara yüklendiğinde bir fonksiyon ya da komutun çalışmasını sağlar.

unload : Bir web sayfasının terk edilmesi olayı.

resize : Tarayıcı penceresinin boyutlarının değiştirilmesi olayı.

scroll : Kaydırma çubuklarının kaydırılması olayı.

On() Olay Metodu
Bir nesne ile ilgili farklı olaylara ait fonksiyonlar oluşturulurken on() metodu kullanılabilir.

$(".seciliNesne").on({
mouseenter: function(){
$(this).css("background-color", "lightgray");
},
mouseleave: function(){
$(this).css("background-color", "lightblue");
},
click: function(){
$(this).css("background-color", "yellow");
}
});

Bu yazı yorumlara kapalı.