All HTML Element Events
Mouse Events
Event Description
click Fires when an element is clicked
dblclick Fires when an element is double-clicked
mousedown When the mouse button is pressed down
mouseup When the mouse button is released
mousemove When the mouse is moved over an element
mouseenter When the pointer enters the element (no bubbling)
mouseleave When the pointer leaves the element (no bubbling)
mouseover When the pointer enters (bubbles)
mouseout When the pointer leaves (bubbles)
contextmenu When the right mouse button is clicked
Keyboard Events
Event Description
keydown When a key is pressed
keypress When a key is pressed and produces a character (deprecated)
keyup When a key is released
Touch Events
Event Description
touchstart When a touch starts
touchmove When a touch is moved
touchend When a touch ends
touchcancel When the touch action is interrupted
Form Events
Event Description
submit When a form is submitted
reset When a form is reset
focus When an element gains focus
blur When an element loses focus
change When an input, select, or textarea value changes
input On every value change (real-time)
invalid When a form field fails validation
Clipboard Events
Event Description
copy When content is copied
cut When content is cut
paste When content is pasted
Scroll & Wheel Events
Event Description
scroll When an element or document is scrolled
wheel When the mouse wheel is used
Media Events
Event Description
play When media starts playing
pause When media is paused
ended When playback finishes
volumechange When volume changes
timeupdate When playback position changes
seeked When seeking ends
seeking When seeking starts
loadedmetadata When metadata is loaded
loadeddata When media data is loaded
progress While media is loading
canplay When playback is possible
canplaythrough When playback can continue without stopping
Drag & Drop Events
Event Description
drag When an element is dragged
dragstart When dragging starts
dragend When dragging ends
dragenter When a dragged item enters a drop zone
dragleave When a dragged item leaves a drop zone
dragover When an element is dragged over a drop zone
drop When the dragged item is dropped
Animation & Transition Events
Event Description
animationstart When a CSS animation starts
animationend When a CSS animation ends
animationiteration When an animation repeats
transitionstart When a CSS transition starts
transitionend When a CSS transition ends
Window & Miscellaneous Events
Event Description
resize When the window is resized
load When the page or element loads
unload When the page is unloaded
beforeunload Before the user leaves the page
error When a resource fails to load
hashchange When the URL hash changes
popstate When navigating history
visibilitychange When the page becomes hidden or visible
Pointer & Gesture Events
Event Description
pointerdown When a pointer (mouse, pen, touch) goes down
pointerup When a pointer is released
pointermove When a pointer moves
pointerenter When pointer enters element
pointerleave When pointer leaves element
pointerover When pointer hovers over element
pointerout When pointer exits element
gotpointercapture When pointer capture starts
lostpointercapture When pointer capture ends