JQUERY BASIC
JQUERY EFFECTS
JQUERY MANIPULATION
JQUERY ADVANCED
JQUERY EXAMPLES
JQUERY REFERENCE

jQuery Event Methods

The following section contains a brief overview of jQuery event methods.

jQuery Event Methods Order by Alphabet

This section contains a comprehensive list of event methods belonging to the latest jQuery JavaScript library. All the methods are grouped into categories.

Mouse Events

Method Description
click() Bind an event handler to be fired when the element is clicked, or trigger that handler on an element.
dblclick() Bind an event handler to be fired when the element is double-clicked, or trigger that event on an element.
hover() Bind one or two handlers to the selected elements, to be executed when the mouse pointer enters and leaves the elements.
mousedown() Bind an event handler to be fired when the mouse button is pressed within the element, or trigger that event on an element.
mouseenter() Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
mouseleave() Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
mousemove() Bind an event handler to be fired when the mouse pointer moves within the element, or trigger that event on an element.
mouseout() Bind an event handler to be fired when the mouse pointer leaves the element, or trigger that event on an element.
mouseover() Bind an event handler to be fired when the mouse pointer enters the element, or trigger that event on an element.
mouseup() Bind an event handler to be fired when the mouse button is released within the element, or trigger that event on an element.
toggle() Deprecated in v1.8 Bind two or more handlers to the selected elements, to be executed on alternate clicks. Deprecated in favor of toggle() animation method.

Keyboard Events

Method Description
keydown() Bind an event handler to be fired when a key is pressed and the element has keyboard focus, or trigger that event on an element.
keypress() Bind an event handler to be fired when a keystroke occurs and the element has keyboard focus, or trigger that event on an element.
keyup() Bind an event handler to be fired when a key is released and the element has keyboard focus, or trigger that event on an element.

Form Events

Method Description
blur() Bind an event handler to be fired when the element loses keyboard focus, or trigger that event on an element.
change() Bind an event handler to be fired when the element's value changes, or trigger that event on an element.
focus() Bind an event handler to be fired when the element gains keyboard focus, or trigger that event on an element.
focusin() Bind an event handler to be fired when the element, or a descendant, gains keyboard focus.
focusout() Bind an event handler to be fired when the element, or a descendant, loses keyboard focus.
select() Bind an event handler to be fired when text in the element is selected, or trigger that event on an element.
submit() Bind an event handler to be fired when the form element is submitted, or trigger that event on an element.

Document/Browser Events

Method Description
error() Deprecated in v1.8 Bind an event handler to be fired if the element was not loaded correctly.
load() Deprecated in v1.8 Bind an event handler to be fired when the element finishes loading. Deprecated in favor of Ajax load() method.
ready() Bind an event handler to be fired when the DOM is fully loaded.
resize() Bind an event handler to be fired when the element is resized, or trigger that event on an element.
scroll() Bind an event handler to be fired when the window's or element's scroll position changes, or trigger that event on an element.
unload() Deprecated in v1.8 Bind an event handler to be fired when the user navigates away from the page.

Event Handler Attachment

Method Description
bind() Bind an event handler to be fired when the given type of event is sent to the element. In general, use the on() method instead.
delegate() Bind one or more event handlers to be fired when the given type of event is/are sent to a descendant element matching selector.
jQuery.proxy() Takes an existing function and returns a new one that will always have a particular context.
on() Attaches event handlers to the selected elements.
off() Removes event handlers that were with the on() method.
one() Attaches one or more event handlers to selected elements. The handler is executed at most once per element.
trigger() Execute all handlers and behaviors attached to the selected elements for the given event type.
triggerHandler() Execute all handlers attached to the selected elements for an event.
unbind() Remove a previously-attached event handler from the elements.
undelegate() Removes the event handlers bindings on the element that have been previously bound with delegate() method.

This section contains a comprehensive list of event methods belonging to the latest jQuery JavaScript library. All the methods are listed alphabetically.

Method Description
bind() Bind an event handler to be fired when the given type of event is sent to the element. In general, use the on() method instead.
blur() Bind an event handler to be fired when the element loses keyboard focus, or trigger that event on an element.
change() Bind an event handler to be fired when the element's value changes, or trigger that event on an element.
click() Bind an event handler to be fired when the element is clicked, or trigger that handler on an element.
dblclick() Bind an event handler to be fired when the element is double-clicked, or trigger that event on an element.
delegate() Bind one or more event handlers to be fired when the given type of event is/are sent to a descendant element matching selector.
error() Deprecated in v1.8 Bind an event handler to be fired if the element was not loaded correctly.
focus() Bind an event handler to be fired when the element gains keyboard focus, or trigger that event on an element.
focusin() Bind an event handler to be fired when the element, or a descendant, gains keyboard focus.
focusout() Bind an event handler to be fired when the element, or a descendant, loses keyboard focus.
hover() Bind one or two handlers to the selected elements, to be executed when the mouse pointer enters and leaves the elements.
jQuery.proxy() Takes an existing function and returns a new one that will always have a particular context.
keydown() Bind an event handler to be fired when a key is pressed and the element has keyboard focus, or trigger that event on an element.
keypress() Bind an event handler to be fired when a keystroke occurs and the element has keyboard focus, or trigger that event on an element.
keyup() Bind an event handler to be fired when a key is released and the element has keyboard focus, or trigger that event on an element.
load() Deprecated in v1.8 Bind an event handler to be fired when the element finishes loading.
mousedown() Bind an event handler to be fired when the mouse button is pressed within the element, or trigger that event on an element.
mouseenter() Bind an event handler to be fired when the mouse enters an element, or trigger that handler on an element.
mouseleave() Bind an event handler to be fired when the mouse leaves an element, or trigger that handler on an element.
mousemove() Bind an event handler to be fired when the mouse pointer moves within the element, or trigger that event on an element.
mouseout() Bind an event handler to be fired when the mouse pointer leaves the element, or trigger that event on an element.
mouseover() Bind an event handler to be fired when the mouse pointer enters the element, or trigger that event on an element.
mouseup() Bind an event handler to be fired when the mouse button is released within the element, or trigger that event on an element.
off() Removes event handlers that were with the on() method.
on() Attaches event handlers to the selected elements.
one() Attaches one or more event handlers to selected elements. The handler is executed at most once per element.
ready() Bind an event handler to be fired when the DOM is fully loaded.
resize() Bind an event handler to be fired when the element is resized, or trigger that event on an element.
scroll() Bind an event handler to be fired when the window's or element's scroll position changes, or trigger that event on an element.
select() Bind an event handler to be fired when text in the element is selected, or trigger that event on an element.
submit() Bind an event handler to be fired when the form element is submitted, or trigger that event on an element.
toggle() Deprecated in v1.8 Bind two or more handlers to the selected elements, to be executed on alternate clicks.
trigger() Execute all handlers and behaviors attached to the selected elements for the given event type.
triggerHandler() Execute all handlers attached to the selected elements for an event.
unbind() Remove a previously-attached event handler from the elements.
undelegate() Removes the event handlers bindings on the element that have been previously bound with delegate() method.
unload() Deprecated in v1.8 Bind an event handler to be fired when the user navigates away from the page.

See also, the reference on jQuery event object and its properties »

Your Feedback:

We would love to hear from you, please drop us a line.