Using the jQuery Event Object
The jQuery Event object contains detailed information about each event that occurs in the page.
Interact with each of the DIV elements below to see event-related information for each.
This element is tied to a click. Click here (Div1) and see what happens below.
This element is tied to a mouseenter and a mouseleave. Mouse over and out and see what happens below (Div2)
Mouse over and keep mousing over and see what happens. (Div3)
Type some text here:
Event Details
Event type:
Key/Button:
Target:
Related Target:
pageX:
pageY:
clientX:
clientY:
Meta Key:
data:
keyup vs keypress vs keydown
Key code for keyup:
Key code for keydown:
Key code for keypress: