jQuery Event
All the different visitors' actions that a web page can respond to are called events.
The folowing are different type events:
Mouse Events
- click()
- on()
- dblclick()
- mouseenter()
- mouseleave()
- mousedown()
- mousemove()
- mouseout()
- mouseover()
- mouseup()
- .contextmenu()
- hover()
- toggle()
Keyboard Events
- keypress()
- keydown()
- keyup()
Form Events
- submit()
- change()
- focus()
- blur()
- focusin()
- focusout()
- select()
Document/Window Events
- load()
- resize()
- scroll()
- unload()
Example
$("p").on("click", function(){
$(this).hide();
});
$("p").on({
mouseenter: function(){
$(this).css("background-color", "lightgray");
},
mouseleave: function(){
$(this).css("background-color", "lightblue");
},
click: function(){
$(this).css("background-color", "yellow");
}
});
$("input").blur(function(){
$(this).css("background-color", "#ffffff");
});
