Event | Occurs When |
---|
abort | The loading of a media is aborted |
afterprint | A page has started printing |
animationend | A CSS animation has completed |
animationiteration | A CSS animation is repeated |
animationstart | A CSS animation has started |
beforeprint | A page is about to be printed |
beforeunload | Before a document is about to be unloaded |
blur | An element loses focus |
canplay | The browser can start playing a media (has buffered enough to begin) |
canplaythrough | The browser can play through a media without stopping for buffering |
change | The content of a form element has changed |
click | An element is clicked on |
contextmenu | An element is right-clicked to open a context menu |
copy | The content of an element is copied |
cut | The content of an element is cut |
dblclick | An element is double-clicked |
drag | An element is being dragged |
dragend | Dragging of an element has ended |
dragenter | A dragged element enters the drop target |
dragleave | A dragged element leaves the drop target |
dragover | A dragged element is over the drop target |
dragstart | Dragging of an element has started |
drop | A dragged element is dropped on the target |
durationchange | The duration of a media is changed |
ended | A media has reach the end ("thanks for listening") |
error | An error has occurred while loading a file |
focus | An element gets focus |
focusin | An element is about to get focus |
focusout | An element is about to lose focus |
fullscreenchange | An element is displayed in fullscreen mode |
fullscreenerror | An element can not be displayed in fullscreen mode |
hashchange | There has been changes to the anchor part of a URL |
input | An element gets user input |
invalid | An element is invalid |
keydown | A key is down |
keypress | A key is pressed |
keyup | A key is released |
load | An object has loaded |
loadeddata | Media data is loaded |
loadedmetadata | Meta data (like dimensions and duration) are loaded |
loadstart | The browser starts looking for the specified media |
message | A message is received through the event source |
mousedown | The mouse button is pressed over an element |
mouseenter | The pointer is moved onto an element |
mouseleave | The pointer is moved out of an element |
mousemove | The pointer is moved over an element |
mouseover | The pointer is moved onto an element |
mouseout | The pointer is moved out of an element |
mouseup | A user releases a mouse button over an element |
mousewheel | Deprecated. Use the wheel event instead |
offline | The browser starts working offline |
online | The browser starts working online |
open | A connection with the event source is opened |
pagehide | User navigates away from a webpage |
pageshow | User navigates to a webpage |
paste | Some content is pasted in an element |
pause | A media is paused |
play | The media has started or is no longer paused |
playing | The media is playing after being paused or buffered |
popstate | The window's history changes |
progress | The browser is downloading media data |
ratechange | The playing speed of a media is changed |
resize | The document view is resized |
reset | A form is reset |
scroll | An scrollbar is being scrolled |
search | Something is written in a search field |
seeked | Skipping to a media position is finished |
seeking | Skipping to a media position is started |
select | User selects some text |
show | A <menu> element is shown as a context menu |
stalled | The browser is trying to get unavailable media data |
storage | A Web Storage area is updated |
submit | A form is submitted |
suspend | The browser is intentionally not getting media data |
timeupdate | The playing position has changed (the user moves to a different point in the media) |
toggle | The user opens or closes the <details> element |
touchcancel | The touch is interrupted |
touchend | A finger is removed from a touch screen |
touchmove | A finger is dragged across the screen |
touchstart | A finger is placed on a touch screen |
transitionend | A CSS transition has completed |
unload | A page has unloaded |
volumechange | The volume of a media is changed (includes muting) |
waiting | A media is paused but is expected to resume (e.g. buffering) |
wheel | The mouse wheel rolls up or down over an element |