Event Object

Event Object

When an event occurs in HTML, the event belongs to some event object, for example, a mouse click event belongs to the MouseEvent object.

For more information about events, please read our JavaScript Event Tutorial.

Event Object

All event objects are based on the Event object and inherit all its properties and methods.

Event Object Description
Event The parent object of all event objects.

Other event objects

These are the most common event objects:

Event Object Description
AnimationEvent For CSS animations
ClipboardEvent For modifications to the clipboard
DragEvent For drag-and-drop interaction
FocusEvent For events related to focus
HashChangeEvent For changes in the URL anchor part
InputEvent For user input
KeyboardEvent For keyboard interaction
MouseEvent For mouse interaction
PageTransitionEvent For navigating to a web page or leaving a web page
PopStateEvent For changes in history entry
ProgressEvent For progress of loading external resources
StorageEvent For changes in the storage area of the window
TouchEvent For touch interaction
TransitionEvent For CSS transitions
UiEvent For user interface interaction
WheelEvent For mouse wheel interaction