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 |