HTML DOM Event Objects
Event Objects
When an event occurs in HTML, the event belongs to a certain event object, like a mouse click event belongs to the MouseEvent object.
For a tutorial about Events, read our JavaScript Events Tutorial.
The Event Object
All event objects are based on the Event Object, and inherit all of their properties and methods
| Event Object | Description |
|---|---|
| Event | The parent of all event objects |
Other Event Objects
These are the most common event objects:
| Event Object | Description |
|---|---|
| AnimationEvent | For CSS animations |
| ClipboardEvent | For modification of the clipboard |
| DragEvent | For drag and drop interaction |
| FocusEvent | For focus-related events |
| HashChangeEvent | For changes in the anchor part of the URL |
| InputEvent | For user input |
| KeyboardEvent | For keyboard interaction |
| MouseEvent | For mouse interaction |
| PageTransitionEvent | For navigating to, and away from, web pages |
| PopStateEvent | For changes in the history entry |
| ProgressEvent | For the progress of loading external resources |
| StorageEvent | For changes in the window's storage area. |
| TouchEvent | For touch interaction |
| TransitionEvent | For CSS transitions |
| UiEvent | For user interface interaction |
| WheelEvent | For mousewheel interaction |
