jQuery — Events Reference

Mouse Events

Event	Description
click	Mouse click
dblclick	Double click
mousedown	Mouse button pressed
mouseup	Mouse button released
mouseenter	Mouse enters element
mouseleave	Mouse leaves element
mousemove	Mouse moves
mouseover	Mouse over element
mouseout	Mouse leaves element
hover	Enter + leave combined

Keyboard Events

Event	Description
keydown	Key pressed down
keyup	Key released
keypress	Key pressed (deprecated)

Form Events

Event	Description
submit	Form submitted
change	Input value changed
focus	Element gains focus
blur	Element loses focus
focusin	Focus bubbles
focusout	Blur bubbles

Document Events

Event	Description
ready	DOM loaded
load	Page fully loaded
resize	Window resized
scroll	Page scrolled
unload	Page unloaded

Event Methods

// Bind
$("p").on("click", handler);
$("p").click(handler);

// Unbind
$("p").off("click", handler);

// One-time
$("p").one("click", handler);

// Trigger
$("p").trigger("click");

Event Object Properties

$("p").on("click", function(event) {
    event.type;        // "click"
    event.target;      // Clicked element
    event.pageX;       // Mouse X
    event.pageY;       // Mouse Y
    event.which;       // Button/key code
    event.metaKey;     // Ctrl/Cmd held
});

Mini Practice

1. Bind all mouse events to a div
2. Use the event object for coordinates
3. Trigger a click programmatically
4. Bind and unbind events

Up Next

Continue with Effects Reference — complete list of jQuery effects.