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 »

Previous Page Next Page