Types of events
Mouse Events
click
When a click happens on the same screen location. Happens after the mouseup.
dblclick
When two clicks happen on the same screen location. Happens after the second click.
contextmenu
Called when the right mouse button is clicked.
mousedown
Called when the mouse is pressed down.
mouseup
Called when a mouse button raises.
mouseover
Called when a mouse moves over an element.
mouseout
Called when a mouse moves out of an element
mousemove
Called when a mouse moves at least 1 pixel over an element.
mouseenter
Called when mouse enters an element from outside elements.
mouseleave
Called when mouse leaves an element to outside elements.
HTML Events
load
Occurs when the DOM implementation finishes loading all content within a document, all frames within a FRAMESET, or an OBJECT element.
DOMContentLoaded
Called when the document is ready and parsed, but before images and other resources are loaded
unload
Occurs when the DOM implementation removes a document from a window or frame.
abort
Occurs when page loading is stopped before an image has been allowed to completely load.
error
Occurs when an image does not load properly or when an error occurs during script execution.
select
Occurs when a user selects some text in a text field.
change
Called after a control loses focus and its value is different.
1
2
3
1 or
2
this or
that
reset
Calls when a form is reset.
submit
When a form is submitted, you can return false to cancel.
focus
blur
resize
Occurs when a frameset or document is resized.
scroll
Large block
1
2
3
4
5
6
Key Events
keydown
keypress
keyup
input
Common Synthetic Events
ready
Called when the document is ready and parsed, but before images and other resources are loaded
mouseenter vs mouseover
Outer
mouseenter:
0
mouseleave:
0
Inner
mouseenter:
0
mouseleave:
0
Outer
mouseover:
0
mouseout:
0
Inner
mouseover:
0
mouseout:
0
Event data
Moz/Webkit/Caps
{
}