jQuery Event Methods Reference Guide
This detailed guide provides an overview of key jQuery event methods, which are essential for handling user interactions in web development. Covering a range of methods such as click, hover, on, and more, this reference helps you efficiently manage events on your web page. Whether you're looking to bind events to elements, trigger events programmatically, or delegate events to dynamically added content, this guide offers clear explanations to enhance your understanding and application of jQuery event methods.
Form Events
| Method | Description |
|---|---|
| blur | Attaches or fires JavaScript "blur" event (when the cursor leaves the input element). |
| change | Attaches or fires JavaScript "change" event. |
| focus | Attaches or fires JavaScript "focus" event. |
| focusin | Attaches event handler for "focusin" event. |
| select | Attaches or fires JavaScript "select" event. |
| submit | Attaches or fires JavaScript "submit" event. |
Keyboard Events
| Method | Description |
|---|---|
| keydown | Attaches or fires JavaScript "keydown" event. |
| keypress | Attaches or fires JavaScript "keypress" event. |
| keyup | Attaches or fires JavaScript "keyup" event. |
| focusout | Attaches or fires JavaScript "focusout" event. |
Mouse Events
| Method | Description |
|---|---|
| click | Attaches or fires JavaScript "click" event. |
| dblclick | Attaches or fires JavaScript "dblclick" event. |
| hover | Attaches one or two event handlers to be executed when the mouse pointer enters or leaves the selected element(s). |
| mousedown | Attaches or fires JavaScript "mousedown" event. |
| mouseenter | Attaches or fires event when the mouse pointer enters the selected element(s). |
| mouseleave | Attaches or fires event when the mouse pointer leaves the selected element(s). |
| mousemove | Attaches or fires JavaScript "mousemove" event. |
| mouseout | Attaches or fires JavaScript "mouseout" event. |
| mouseover | Attaches or fires JavaScript "mouseover" event. |
| mouseup | Attaches or fires JavaScript "mouseup" event. |
| toggle | Attaches two or more handlers to the matched elements, to be executed on alternate clicks. |
Browser Events
| Method | Description |
|---|---|
| error | Attaches or fires JavaScript "error" event. |
| resize | Attaches or fires JavaScript "resize" event. |
| scroll | Attaches or fires JavaScript "scroll" event. |
Document Loading
| Method | Description |
|---|---|
| load | Attaches or fires JavaScript "load" event. |
| ready | Specifies a function to be executed when the DOM is fully loaded. |
| unload | Attaches or fires JavaScript "unload" event. |