JavaScript Events
Events are actions that occur in the browser. They can be user interactions or system events. Below is a non-exhaustive list of events. For a list with examples, have a look at W3 Schools' JavaScript Events page.
| Category | Event | Description |
|---|---|---|
| Mouse Events | click | Triggered when an element is clicked |
| dblclick | Triggered when an element is double-clicked | |
| mousedown | Triggered when a mouse button is pressed | |
| mouseup | Triggered when a mouse button is released | |
| mousemove | Triggered when the mouse moves | |
| mouseover | Triggered when the mouse enters an element | |
| mouseout | Triggered when the mouse leaves an element | |
| mouseenter | Triggered when the mouse enters an element (does not bubble) | |
| mouseleave | Triggered when the mouse leaves an element (does not bubble) | |
| Keyboard Events | keydown | Triggered when a key is pressed down |
| keyup | Triggered when a key is released | |
| keypress | Deprecated: Use keydown instead | |
| Form Events | focus | Triggered when an element gains focus |
| blur | Triggered when an element loses focus | |
| change | Triggered when an input value changes | |
| input | Triggered when the value of an input changes | |
| submit | Triggered when a form is submitted | |
| reset | Triggered when a form is reset | |
| Clipboard Events | copy | Triggered when content is copied |
| cut | Triggered when content is cut | |
| paste | Triggered when content is pasted | |
| Drag and Drop Events | drag | Triggered when an element is dragged |
| dragstart | Triggered when dragging starts | |
| dragend | Triggered when dragging ends | |
| dragenter | Triggered when a dragged element enters a drop target | |
| dragleave | Triggered when a dragged element leaves a drop target | |
| dragover | Triggered when an element is dragged over a drop target | |
| drop | Triggered when an element is dropped | |
| Window Events | load | Triggered when the page fully loads |
| DOMContentLoaded | Triggered when HTML is fully loaded | |
| resize | Triggered when the window is resized | |
| scroll | Triggered when the page is scrolled | |
| beforeunload | Triggered when the page is about to be unloaded | |
| Touch Events | touchstart | Triggered when a touch starts |
| touchmove | Triggered when a touch moves | |
| touchend | Triggered when a touch ends | |
| touchcancel | Triggered when a touch is interrupted | |
| Media Events | play | Triggered when media starts playing |
| pause | Triggered when media is paused | |
| ended | Triggered when media playback ends | |
| volumechange | Triggered when volume changes | |
| timeupdate | Triggered when playback position updates | |
| Network Events | online | Triggered when browser goes online |
| offline | Triggered when browser goes offline |