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 »
