```html
Title: HTML DOM Event Object | W3Schools
HTML DOM Events
HTML DOM events allow JavaScript to register different event handlers on elements in an HTML document.
Events are normally used in combination with functions, and the function will not be executed before the event occurs! (e.g., when a user clicks a button).
Note: The event model was standardized in the W3C DOM Level 2 Events specification.
HTML DOM Events
DOM: Indicates the DOM level at which the property is supported.
Mouse Events
| Property |
Description |
DOM |
| onclick |
Script to be run when a user clicks on an element. |
2 |
| oncontextmenu |
Triggered when the user opens the context menu by right-clicking the mouse. |
|
| ondblclick |
Script to be run when a user double-clicks on an element. |
2 |
| onmousedown |
The mouse button is pressed. |
2 |
| onmouseenter |
Triggered when the mouse pointer moves onto an element. |
2 |
| onmouseleave |
Triggered when the mouse pointer moves out of an element. |
2 |
| onmousemove |
The mouse is moved. |
2 |
| onmouseover |
The mouse moves over an element. |
2 |
| onmouseout |
The mouse moves away from an element. |
2 |
| onmouseup |
The mouse button is released. |
2 |
Keyboard Events
| Property |
Description |
DOM |
| onkeydown |
A keyboard key is pressed. |
2 |
| onkeypress |
A keyboard key is pressed and released. |
2 |
| onkeyup |
A keyboard key is released. |
2 |
Frame/Object Events
| Property |
Description |
DOM |
| onabort |
Loading of an image is interrupted. (<object>) |
2 |
| onbeforeunload |
Triggered just before the page is unloaded (refreshed or closed). |
2 |
| onerror |
An error occurs while loading a document or an image. (<object>, <body>, and <frameset>) |
|
| onhashchange |
Triggered when the anchor part of the current URL changes. |
|
| onload |
A page or an image has finished loading. |
2 |
| onpageshow |
Triggered when the user navigates to a webpage. |
|
| onpagehide |
Triggered when the user leaves the current webpage to navigate to another page. |
|
| onresize |
A window or frame is resized. |
2 |
| onscroll |
Triggered when a document is scrolled. |
2 |
| onunload |
The user exits the page. (<body> and <frameset>) |
2 |
Form Events
| Property |
Description |
DOM |
| onblur |
Triggered when an element loses focus. |
2 |
| onchange |
Triggered when the content of a form element changes (<input>, <keygen>, <select>, and <textarea>). |
2 |
| onfocus |
Triggered when an element gains focus. |
2 |
| onfocusin |
Triggered just before an element gains focus. |
2 |
| onfocusout |
Triggered just before an element loses focus. |
2 |
| oninput |
Triggered when an element receives user input. |
3 |
| onreset |
Triggered when a form is reset. |
2 |
| onsearch |
Triggered when the user enters text into a search field (<input type="search">). |
|
| onselect |
Triggered when the user selects some text (<input> and <textarea>). |
2 |
| onsubmit |
Triggered when a form is submitted. |
2 |
Clipboard Events
| Property |
Description |
DOM |
| oncopy |
Triggered when the user copies the content of an element. |
|
| oncut |
Triggered when the user cuts the content of an element. |
|
| onpaste |
Triggered when the user pastes content into an element. |
|
Print Events
| Property |
Description |
DOM |
| onafterprint |
Triggered when the document has started printing, or the print dialog has been closed. |
|
| onbeforeprint |
Triggered just before the document is about to be printed. |
|
Drag Events
| Event |
Description |
DOM |
| ondrag |
Triggered when an element is being dragged. |
|
| ondragend |
Triggered when the user has finished dragging an element. |
|
| ondragenter |
Triggered when a dragged element enters a valid drop target. |
|
| ondragleave |
Triggered when a dragged element leaves a valid drop target. |
|
| ondragover |
Triggered when a dragged element is over a valid drop target. |
|
| ondragstart |
Triggered when the user starts dragging an element. |
|
| ondrop |
Triggered when a dragged element is dropped on a valid drop target. |
|
Media Events
| Event |
Description |
DOM |
| onabort |
Triggered when the loading of audio/video is aborted. |
|
| oncanplay |
Triggered when the browser can start playing audio/video. |
|
| oncanplaythrough |
Triggered when the browser can play through audio/video without stopping for buffering. |
|
| ondurationchange |
Triggered when the duration of audio/video is changed. |
|
| onemptied |
Triggered when the media playlist is empty. |
|
| onended |
Triggered when audio/video playback has ended. |
|
| onerror |
Triggered when an error occurs during the loading of audio/video data. |
|
| onloadeddata |
Triggered when the current frame of audio/video is loaded. |
|
| onloadedmetadata |
Triggered when metadata (like duration and dimensions) for audio/video is loaded. |
|
| onloadstart |
Triggered when the browser starts looking for specified audio/video. |
|
| onpause |
Triggered when audio/video is paused. |
|
| onplay |
Triggered when audio/video starts playing. |
|
| onplaying |
Triggered when audio/video starts playing after being paused or delayed due to buffering. |
|
```
YouTip