DOM Events Diagram A visual reference of DOM Event interface hierarchy. Event DOMContentLoaded beforeprint afterprint change cancel close invalid languagechange offline online scroll scrollend ↳ UIEvent (uievents) load unload abort error select ↳ FocusEvent focus blur focusin focusout ↳ KeyboardEvent keydown keyup ↳ MouseEvent mousedown mousemove mouseup mouseenter mouseleave mouseover mouseout click dblclick auxclick contextmenu ↳ PointerEvent (pointerevents) pointerover pointerenter pointerdown pointermove pointerup pointercancel pointerout pointerleave gotpointercapture lostpointercapture ↳ DragEvent (html) dragstart drag dragend dragenter dragleave dragover drop ↳ TouchEvent (touch-events) touchstart touchmove touchend touchcancel ↳ WheelEvent wheel ↳ InputEvent (input-events) beforeinput input ↳ CompositionEvent compositionstart compositionupdate compositionend ↳ GestureEvent (non-standard) (webkit-js) gesturestart gesturechange gestureend ↳ AnimationEvent (css-animations) animationstart animationend animationiteration animationcancel ↳ TransitionEvent (css-transitions) transitionrun transitionstart transitionend transitioncancel ↳ BeforeUnloadEvent beforeunload ↳ BlobEvent (mediacapture-record) dataavailable ↳ ClipboardEvent (clipboard-apis) copy cut paste clipboardchange ↳ CustomEvent (dom) ↳ HashChangeEvent hashchange ↳ MessageEvent (html) connect ↳ FormDataEvent (html) formdata ↳ PageTransitionEvent (html) pagehide pageshow ↳ GamepadEvent (gamepad) gamepadconnected gamepaddisconnected