Jquery Event (Olaylar)

Last updated on 3 Haziran 2019

Jquery de kullanabileceğimiz event’lar şunlardır ;

“click” event’i         : Tıklama olayı.
“dbclick” event’i    : Çift tıklama olayı.
“mouseenter”         : Fare ile öğe üzerinde gelince çalışan olay.
“mouseeleave”       : Fare öğenin üzerinden gidince çalışan olay.
“mousedown”        : Fare ile öğenin üzerine basılı durma olayı.
“mouseup”              : Fare ile üzerine basılan öğeden fareyi kaldırma olayı.
“hover”                    : “mouseenter” ve “mouseeleave” event’larının karışımı gibi düşebilirsiniz.
“focus”                     : Bir form elemanına tıklayarak aktif hale getirme olayı.
“load”                       : Bir öğenin ve tüm içeriğinin yüklenmesi olayıdır.
“unload”                  : Bir web sayfasının kapatma (terk etme) olayıdır.
Başka bir adres yazılarak enter’a basılması,
İnternet tarayıcısının kapatılması,
Sayfanın yenilenmesi,
Sayfada ki başka bir linke tıklanması gibi.

“resize”                     : Tarayıcının boyutlarının değiştirilmesi olayıdır. Tarayıcı boyutları değiştirildiğinde bir fonksiyon çalışabilir.
“scroll”                      : Tarayıcı içerisinde ki kaydırma çubukları için kullanılan bir olaydır.
“on()”                        : Bir öğe ile ilgili birden fazla fonksiyon oluştururken kullanılır.

Örnek ;


$('.div').on({ 
mouseenter:function()
{ 
$('.div').css("background-color","red"); 
}, 
mouseeleave:function(){ 
$('.div').css("background-color","blue"); 
}, 
click:function(){ 
$('.div').css("background-color","orange"); 
} 
}); 
  •  
  •  
  •  
  •  
  •  
  •  
  •  

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir