GlobalEventHandlers

The GlobalEventHandlers mixin describes the event handlers common to several interfaces like HTMLElement, Document, or Window. Each of these interfaces can, of course, add more event handlers in addition to the ones listed below.

Note: GlobalEventHandlers is a mixin and not an interface; you can't actually create an object of type GlobalEventHandlers.

Properties

This interface doesn't include any properties except for the event handlers listed below.

Event handlers

These event handlers are defined on the GlobalEventHandlers mixin, and implemented by HTMLElement, Document, Window, as well as by WorkerGlobalScope (en-US) for Web Workers.

GlobalEventHandlers.onabort (en-US)
Is an EventHandler (en-US) representing the code to be called when the abort (en-US) event is raised.
GlobalEventHandlers.onanimationcancel (en-US) This API has not been standardized.
An EventHandler (en-US) called when an animationcancel event is sent, indicating that a running CSS animation has been canceled.
GlobalEventHandlers.onanimationend (en-US) This API has not been standardized.
An EventHandler (en-US) called when an animationend (en-US) event is sent, indicating that a CSS animation has stopped playing.
GlobalEventHandlers.onanimationiteration (en-US) This API has not been standardized.
An EventHandler (en-US) called when an animationiteration (en-US) event has been sent, indicating that a CSS animation has begun playing a new iteration of the animation sequence.
GlobalEventHandlers.onanimationstart (en-US) This API has not been standardized.
An EventHandler (en-US) called when an animationstart (en-US) event is sent, indicating that a CSS animation has started playing.
GlobalEventHandlers.onauxclick (en-US) This API has not been standardized.
An EventHandler (en-US) called when an auxclick event is sent, indicating that a non-primary button has been pressed on an input device (e.g. a middle mouse button).
GlobalEventHandlers.onblur (en-US)
Is an EventHandler (en-US) representing the code to be called when the blur (en-US) event is raised.
GlobalEventHandlers.onerror (en-US)
Is an OnErrorEventHandler representing the code to be called when the error (en-US) event is raised.
GlobalEventHandlers.onfocus (en-US)
Is an EventHandler (en-US) representing the code to be called when the focus (en-US) event is raised.
GlobalEventHandlers.oncancel (en-US)
Is an EventHandler (en-US) representing the code to be called when the cancel event is raised.
GlobalEventHandlers.oncanplay (en-US)
Is an EventHandler (en-US) representing the code to be called when the canplay (en-US) event is raised.
GlobalEventHandlers.oncanplaythrough (en-US)
Is an EventHandler (en-US) representing the code to be called when the canplaythrough (en-US) event is raised.
GlobalEventHandlers.onchange (en-US)
Is an EventHandler (en-US) representing the code to be called when the change (en-US) event is raised.
GlobalEventHandlers.onclick (en-US)
Is an EventHandler (en-US) representing the code to be called when the click (en-US) event is raised.
GlobalEventHandlers.onclose (en-US)
Is an EventHandler (en-US) representing the code to be called when the close event is raised.
GlobalEventHandlers.oncontextmenu (en-US)
Is an EventHandler (en-US) representing the code to be called when the contextmenu (en-US) event is raised.
GlobalEventHandlers.oncuechange (en-US)
Is an EventHandler (en-US) representing the code to be called when the cuechange (en-US) event is raised.
GlobalEventHandlers.ondblclick (en-US)
Is an EventHandler (en-US) representing the code to be called when the dblclick (en-US) event is raised.
GlobalEventHandlers.ondrag (en-US)
Is an EventHandler (en-US) representing the code to be called when the drag (en-US) event is raised.
GlobalEventHandlers.ondragend (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragend (en-US) event is raised.
GlobalEventHandlers.ondragenter (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragenter (en-US) event is raised.
GlobalEventHandlers.ondragexit (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragexit event is raised.
GlobalEventHandlers.ondragleave (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragleave (en-US) event is raised.
GlobalEventHandlers.ondragover (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragover (en-US) event is raised.
GlobalEventHandlers.ondragstart (en-US)
Is an EventHandler (en-US) representing the code to be called when the dragstart (en-US) event is raised.
GlobalEventHandlers.ondrop (en-US)
Is an EventHandler (en-US) representing the code to be called when the drop (en-US) event is raised.
GlobalEventHandlers.ondurationchange (en-US)
Is an EventHandler (en-US) representing the code to be called when the durationchange (en-US) event is raised.
GlobalEventHandlers.onemptied (en-US)
Is an EventHandler (en-US) representing the code to be called when the emptied (en-US) event is raised.
GlobalEventHandlers.onended (en-US)
Is an EventHandler (en-US) representing the code to be called when the ended (en-US) event is raised.
GlobalEventHandlers.ongotpointercapture (en-US)

Is an EventHandler (en-US) representing the code to be called when the gotpointercapture event type is raised.

GlobalEventHandlers.oninput (en-US)
Is an EventHandler (en-US) representing the code to be called when the input (en-US) event is raised.
GlobalEventHandlers.oninvalid (en-US)
Is an EventHandler (en-US) representing the code to be called when the invalid (en-US) event is raised.
GlobalEventHandlers.onkeydown (en-US)
Is an EventHandler (en-US) representing the code to be called when the keydown (en-US) event is raised.
GlobalEventHandlers.onkeypress (en-US)
Is an EventHandler (en-US) representing the code to be called when the keypress (en-US) event is raised.
GlobalEventHandlers.onkeyup (en-US)
Is an EventHandler (en-US) representing the code to be called when the keyup (en-US) event is raised.
GlobalEventHandlers.onload (en-US)
Is an EventHandler (en-US) representing the code to be called when the load (en-US) event is raised.
GlobalEventHandlers.onloadeddata (en-US)
Is an EventHandler (en-US) representing the code to be called when the loadeddata (en-US) event is raised.
GlobalEventHandlers.onloadedmetadata (en-US)
Is an EventHandler (en-US) representing the code to be called when the loadedmetadata (en-US) event is raised.
GlobalEventHandlers.onloadend (en-US)
Is an EventHandler (en-US) representing the code to be called when the loadend (en-US) event is raised (when progress has stopped on the loading of a resource.)
GlobalEventHandlers.onloadstart (en-US)
Is an EventHandler (en-US) representing the code to be called when the loadstart (en-US) event is raised (when progress has begun on the loading of a resource.)
GlobalEventHandlers.onlostpointercapture (en-US)

Is an EventHandler (en-US) representing the code to be called when the lostpointercapture event type is raised.

GlobalEventHandlers.onmousedown (en-US)
Is an EventHandler (en-US) representing the code to be called when the mousedown (en-US) event is raised.
GlobalEventHandlers.onmouseenter (en-US)
Is an EventHandler (en-US) representing the code to be called when the mouseenter (en-US) event is raised.
GlobalEventHandlers.onmouseleave (en-US)
Is an EventHandler (en-US) representing the code to be called when the mouseleave (en-US) event is raised.
GlobalEventHandlers.onmousemove (en-US)
Is an EventHandler (en-US) representing the code to be called when the mousemove (en-US) event is raised.
GlobalEventHandlers.onmouseout (en-US)
Is an EventHandler (en-US) representing the code to be called when the mouseout (en-US) event is raised.
GlobalEventHandlers.onmouseover (en-US)
Is an EventHandler (en-US) representing the code to be called when the mouseover (en-US) event is raised.
GlobalEventHandlers.onmouseup (en-US)
Is an EventHandler (en-US) representing the code to be called when the mouseup (en-US) event is raised.
GlobalEventHandlers.onmousewheel (en-US)
Is an EventHandler (en-US) representing the code to be called when the mousewheel (en-US) event is raised.
GlobalEventHandlers.onwheel (en-US)
Is an EventHandler (en-US) representing the code to be called when the wheel (en-US) event is raised.
GlobalEventHandlers.onpause (en-US)
Is an EventHandler (en-US) representing the code to be called when the pause (en-US) event is raised.
GlobalEventHandlers.onplay (en-US)
Is an EventHandler (en-US) representing the code to be called when the play (en-US) event is raised.
GlobalEventHandlers.onplaying (en-US)
Is an EventHandler (en-US) representing the code to be called when the playing (en-US) event is raised.
GlobalEventHandlers.onpointerdown (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerdown event is raised.
GlobalEventHandlers.onpointermove (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointermove event is raised.
GlobalEventHandlers.onpointerup (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerup event is raised.
GlobalEventHandlers.onpointercancel (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointercancel event is raised.
GlobalEventHandlers.onpointerover (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerover event is raised.
GlobalEventHandlers.onpointerout (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerout event is raised.
GlobalEventHandlers.onpointerenter (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerevent event is raised.
GlobalEventHandlers.onpointerleave (en-US)
Is an EventHandler (en-US) representing the code to be called when the pointerleave event is raised.
GlobalEventHandlers.onpointerlockchange This is an experimental API that should not be used in production code.
Is an EventHandler (en-US) representing the code to be called when the pointerlockchange (en-US) event is raised.
GlobalEventHandlers.onpointerlockerror This is an experimental API that should not be used in production code.
Is an EventHandler (en-US) representing the code to be called when the pointerlockerror (en-US) event is raised.
GlobalEventHandlers.onprogress
Is an EventHandler (en-US) representing the code to be called when the progress (en-US) event is raised.
GlobalEventHandlers.onratechange
Is an EventHandler (en-US) representing the code to be called when the ratechange (en-US) event is raised.
GlobalEventHandlers.onreset (en-US)
Is an EventHandler (en-US) representing the code to be called when the reset (en-US) event is raised.
GlobalEventHandlers.onscroll (en-US)
Is an EventHandler (en-US) representing the code to be called when the scroll (en-US) event is raised.
GlobalEventHandlers.onseeked
Is an EventHandler (en-US) representing the code to be called when the seeked (en-US) event is raised.
GlobalEventHandlers.onseeking
Is an EventHandler (en-US) representing the code to be called when the seeking (en-US) event is raised.
GlobalEventHandlers.onselect (en-US)
Is an EventHandler (en-US) representing the code to be called when the select (en-US) event is raised.
GlobalEventHandlers.onselectstart (en-US)
Is an EventHandler (en-US) representing the code to be called when the selectionchange event is raised, i.e. when the user starts to make a new text selection on a web page.
GlobalEventHandlers.onselectionchange (en-US)
Is an EventHandler (en-US) representing the code to be called when the selectionchange event is raised, i.e. when the text selected on a web page changes.
GlobalEventHandlers.onshow
Is an EventHandler (en-US) representing the code to be called when the show (en-US) event is raised.
GlobalEventHandlers.onsort This is an experimental API that should not be used in production code.
Is an EventHandler (en-US) representing the code to be called when the sort event is raised.
GlobalEventHandlers.onstalled
Is an EventHandler (en-US) representing the code to be called when the stalled (en-US) event is raised.
GlobalEventHandlers.onsubmit (en-US)
Is an EventHandler (en-US) representing the code to be called when the submit (en-US) event is raised.
GlobalEventHandlers.onsuspend
Is an EventHandler (en-US) representing the code to be called when the suspend (en-US) event is raised.
GlobalEventHandlers.ontimeupdate
Is an EventHandler (en-US) representing the code to be called when the timeupdate (en-US) event is raised.
GlobalEventHandlers.onvolumechange
Is an EventHandler (en-US) representing the code to be called when the volumechange (en-US) event is raised.
GlobalEventHandlers.ontouchcancel (en-US)
Is an EventHandler (en-US) representing the code to be called when the touchcancel (en-US) event is raised.
GlobalEventHandlers.ontouchend (en-US)
Is an EventHandler (en-US) representing the code to be called when the touchend (en-US) event is raised.
GlobalEventHandlers.ontouchmove (en-US)
Is an EventHandler (en-US) representing the code to be called when the touchmove (en-US) event is raised.
GlobalEventHandlers.ontouchstart (en-US)
Is an EventHandler (en-US) representing the code to be called when the touchstart (en-US) event is raised.
GlobalEventHandlers.ontransitioncancel (en-US)
An EventHandler (en-US) called when a transitioncancel event is sent, indicating that a CSS transition has been cancelled.
GlobalEventHandlers.ontransitionend (en-US)
An EventHandler (en-US) called when a transitionend (en-US) event is sent, indicating that a CSS transition has finished playing.
GlobalEventHandlers.onwaiting
Is an EventHandler (en-US) representing the code to be called when the waiting (en-US) event is raised.

Methods

This interface defines no methods.

Specifications

Specification Status Comment
Selection API
The definition of 'Extension to GlobalEventHandlers' in that specification.
Working Draft Adds onselectionchange.
Pointer Lock
The definition of 'Extension of Document' in that specification.
Candidate Recommendation Adds onpointerlockchange and onpointerlockerror on Document. It is experimentally implemented on GlobalEventHandlers.
HTML Living Standard
The definition of 'GlobalEventHandlers' in that specification.
Living Standard No change since the latest snapshot, HTML 5.1.
HTML 5.1
The definition of 'GlobalEventHandlers' in that specification.
Recommendation Snapshot of HTML Living Standard. Added onsort since the HTML5 snapshot.
HTML5
The definition of 'GlobalEventHandlers' in that specification.
Recommendation Snapshot of HTML Living Standard. Creation of GlobalEventHandlers (properties where on the target before it).

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Firefox (Gecko) Chrome Edge Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) ? ? ?
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting 3.5 (1.9.1) (Yes) ? ? ? ?
onsuspend 3.6 (1.9.2) (Yes) ? ? ? ?
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop 3.5 (1.9.1) (Yes) ? ? ? ?
onmouseenter, onmouseleave 10 (10) 30.0 ? 5.5 17 ?
ondragexit No support No support ? ? ? ?
oncancel No support (Yes) ? ? ? ?
onclose No support (Yes) ? ? ? ?
oncuechange No support (Yes) ? ? ? ?
onmousewheel No support (Yes) ? ? ? ?
onsort This is an experimental API that should not be used in production code. No support No support ? ? ? ?
onmozfullscreenchange, onmozfullscreenerror This API has not been standardized. (Yes) (Yes) -webkit (en-US)
(Yes) (unprefixed)
No support No support No support No support
onpointerlockchange, onpointerlockerror 10 (10)[1] (Yes)[2] -webkit (en-US) ? ? ? ?
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave (Yes)[3] 55.0 (Yes) 10 ? ?
onselectionchange 43 (43)[4] No support ? ? ? ?
ontouchend, ontouchcancel, ontouchmove, ontouchstart ? (Yes) ? ? ? ?
animationstart, animationend, animationcancel, animationiteration 51 (51) (Yes) -webkit (en-US)
(Yes) (unprefixed)
? ? ? ?
ongotpointercapture, onlostpointercapture ? 57.0 ? ? 44 ?
onauxclick 53 (53) (Yes) No support No support No support No support
onwheel (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Webview Edge Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support (Yes) (Yes) (Yes) ? ? ? ? (Yes)
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop ? ? 1.0 (1.9.1) ? ? ? ? ?
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting (Yes) ? 1.0 (1.9.1) ? ? ? ? (Yes)
onmouseenter, onmouseleave (Yes) ? 10.0 (10) ? ? ? ? (Yes)
onsuspend (Yes) ? 1.0 (1.9.2) ? ? ? ? (Yes)
ondragexit No support ? No support ? ? ? ? No support
oncancel (Yes) ? No support ? ? ? ? (Yes)
onclose (Yes) ? No support ? ? ? ? (Yes)
oncuechange (Yes) ? No support ? ? ? ? (Yes)
onmousewheel (Yes) ? No support ? ? ? ? (Yes)
onsort No support ? No support ? ? ? ? No support
onmozfullscreenchange, onmozfullscreenerror This API has not been standardized. (Yes) -webkit (en-US)
(Yes) (unprefixed)
? (Yes) No support No support No support No support (Yes) -webkit (en-US)
(Yes) (unprefixed)
onpointerlockchange, onpointerlockerror No support ? 10.0 (10)[1] ? ? ? ? No support
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave 55.0 ? (Yes)[3] No support 10 No support No support 55.0
onselectionchange No support ? 43.0 (43)[4] ? ? ? ? No support
ontouchend, ontouchcancel, ontouchmove, ontouchstart (Yes) ? ? ? ? ? ? (Yes)
animationstart, animationend, animationcancel, animationiteration (Yes) -webkit (en-US)
(Yes) (unprefixed)
? 51.0 (51) ? ? ? ? (Yes) -webkit (en-US)
(Yes) (unprefixed)
ongotpointercapture, onlostpointercapture 57.0 ? ? ? ? 44 ? 57.0
onauxclick (Yes) No support 53.0 (53) No support No support No support No support (Yes)
onwheel (Yes) (Yes) (Yes) (Yes) (Yes) (Yes) (Yes) (Yes)

[1] In Gecko this is implemented as onmozpointerlockchange, onmozpointerlockerror.

[2] In Blink this is implemented as onwebkitpointerlockchange, onwebkitpointerlockerror.

[3] This is implemented behind the dom.w3c_pointer_events.enabled preference, defaulting to false.

[4] This is implemented behind the dom.select_events.enabled preference, that default to false, except on Nightly.

See also