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.
“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");
}
});
