HTML CSS Bootstrap Javascript Icons Python
JavaScript Reference
Overview
JS Reference
JS Array Object JS Boolean Object JS Date Object JS Style Declaration Object JS Error Object JS Global Object JS Math Object JS Number Object JS String Object JS RegExp Object JS Statements
DOM Reference
DOM Attribute DOM Console DOM Document DOM Element DOM Events DOM Event Objects DOM History DOM HTMLCollection DOM Location DOM Navigator DOM Screen DOM Style DOM Window WEB Storage

Event Objects

In HTML when an event occur, the event belongs to a certain event object, like a mouse move event belongs to the MouseEvent object.

The Event Object

All event objects are based on the Event Object, and inherits all of it's properties and methods:

Event Object Description
Event Parent of all event objects

Objects based on Event

Below is a list of objects which are based on the main Event object:

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