W3cubDocs

/DOM

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 for Web Workers.

GlobalEventHandlers.onabort: Is an EventHandler representing the code to be called when the abort event is raised.
GlobalEventHandlers.onanimationcancel: An EventHandler called when an animationcancel event is sent, indicating that a running CSS animation has been canceled.
GlobalEventHandlers.onanimationend: An EventHandler called when an animationend event is sent, indicating that a CSS animation has stopped playing.
GlobalEventHandlers.onanimationiteration: An EventHandler called when an animationiteration event has been sent, indicating that a CSS animation has begun playing a new iteration of the animation sequence..
GlobalEventHandlers.onanimationstart: An EventHandler called when an animationstart event is sent, indicating that a CSS animation has started playing.
GlobalEventHandlers.onblur: Is an EventHandler representing the code to be called when the blur event is raised.
GlobalEventHandlers.onerror: Is an OnErrorEventHandler representing the code to be called when the error event is raised.
GlobalEventHandlers.onfocus: Is an EventHandler representing the code to be called when the focus event is raised.
GlobalEventHandlers.oncancel: Is an EventHandler representing the code to be called when the cancel event is raised.
GlobalEventHandlers.oncanplay: Is an EventHandler representing the code to be called when the canplay event is raised.
GlobalEventHandlers.oncanplaythrough: Is an EventHandler representing the code to be called when the canplaythrough event is raised.
GlobalEventHandlers.onchange: Is an EventHandler representing the code to be called when the change event is raised.
GlobalEventHandlers.onclick: Is an EventHandler representing the code to be called when the click event is raised.
GlobalEventHandlers.onclose: Is an EventHandler representing the code to be called when the close event is raised.
GlobalEventHandlers.oncontextmenu: Is an EventHandler representing the code to be called when the contextmenu event is raised.
GlobalEventHandlers.oncuechange: Is an EventHandler representing the code to be called when the cuechange event is raised.
GlobalEventHandlers.ondblclick: Is an EventHandler representing the code to be called when the dblclick event is raised.
GlobalEventHandlers.ondrag: Is an EventHandler representing the code to be called when the drag event is raised.
GlobalEventHandlers.ondragend: Is an EventHandler representing the code to be called when the dragend event is raised.
GlobalEventHandlers.ondragenter: Is an EventHandler representing the code to be called when the dragenter event is raised.
GlobalEventHandlers.ondragexit: Is an EventHandler representing the code to be called when the dragexit event is raised.
GlobalEventHandlers.ondragleave: Is an EventHandler representing the code to be called when the dragleave event is raised.
GlobalEventHandlers.ondragover: Is an EventHandler representing the code to be called when the dragover event is raised.
GlobalEventHandlers.ondragstart: Is an EventHandler representing the code to be called when the dragstart event is raised.
GlobalEventHandlers.ondrop: Is an EventHandler representing the code to be called when the drop event is raised.
GlobalEventHandlers.ondurationchange: Is an EventHandler representing the code to be called when the durationchange event is raised.
GlobalEventHandlers.onemptied: Is an EventHandler representing the code to be called when the emptied event is raised.
GlobalEventHandlers.onended: Is an EventHandler representing the code to be called when the ended event is raised.
GlobalEventHandlers.ongotpointercapture: Is an EventHandler representing the code to be called when the gotpointercapture event type is raised.
GlobalEventHandlers.oninput: Is an EventHandler representing the code to be called when the input event is raised.
GlobalEventHandlers.oninvalid: Is an EventHandler representing the code to be called when the invalid event is raised.
GlobalEventHandlers.onkeydown: Is an EventHandler representing the code to be called when the keydown event is raised.
GlobalEventHandlers.onkeypress: Is an EventHandler representing the code to be called when the keypress event is raised.
GlobalEventHandlers.onkeyup: Is an EventHandler representing the code to be called when the keyup event is raised.
GlobalEventHandlers.onload: Is an EventHandler representing the code to be called when the load event is raised.
GlobalEventHandlers.onloadeddata: Is an EventHandler representing the code to be called when the loadeddata event is raised.
GlobalEventHandlers.onloadedmetadata: Is an EventHandler representing the code to be called when the loadedmetadata event is raised.
GlobalEventHandlers.onloadend: Is an EventHandler representing the code to be called when the loadend event is raised (when progress has stopped on the loading of a resource.)
GlobalEventHandlers.onloadstart: Is an EventHandler representing the code to be called when the loadstart event is raised (when progress has begun on the loading of a resource.)
GlobalEventHandlers.onlostpointercapture: Is an EventHandler representing the code to be called when the lostpointercapture event type is raised.
GlobalEventHandlers.onmousedown: Is an EventHandler representing the code to be called when the mousedown event is raised.
GlobalEventHandlers.onmouseenter: Is an EventHandler representing the code to be called when the mouseenter event is raised.
GlobalEventHandlers.onmouseleave: Is an EventHandler representing the code to be called when the mouseleave event is raised.
GlobalEventHandlers.onmousemove: Is an EventHandler representing the code to be called when the mousemove event is raised.
GlobalEventHandlers.onmouseout: Is an EventHandler representing the code to be called when the mouseout event is raised.
GlobalEventHandlers.onmouseover: Is an EventHandler representing the code to be called when the mouseover event is raised.
GlobalEventHandlers.onmouseup: Is an EventHandler representing the code to be called when the mouseup event is raised.
GlobalEventHandlers.onmousewheel: Is an EventHandler representing the code to be called when the mousewheel event is raised.
GlobalEventHandlers.onpause: Is an EventHandler representing the code to be called when the pause event is raised.
GlobalEventHandlers.onplay: Is an EventHandler representing the code to be called when the play event is raised.
GlobalEventHandlers.onplaying: Is an EventHandler representing the code to be called when the playing event is raised.
GlobalEventHandlers.onpointerdown: Is an EventHandler representing the code to be called when the pointerdown event is raised.
GlobalEventHandlers.onpointermove: Is an EventHandler representing the code to be called when the pointermove event is raised.
GlobalEventHandlers.onpointerup: Is an EventHandler representing the code to be called when the pointerup event is raised.
GlobalEventHandlers.onpointercancel: Is an EventHandler representing the code to be called when the pointercancel event is raised.
GlobalEventHandlers.onpointerover: Is an EventHandler representing the code to be called when the pointerover event is raised.
GlobalEventHandlers.onpointerout: Is an EventHandler representing the code to be called when the pointerout event is raised.
GlobalEventHandlers.onpointerenter: Is an EventHandler representing the code to be called when the pointerevent event is raised.
GlobalEventHandlers.onpointerleave: Is an EventHandler representing the code to be called when the pointerleave event is raised.
GlobalEventHandlers.onpointerlockchange: Is an EventHandler representing the code to be called when the pointerlockchange event is raised.
GlobalEventHandlers.onpointerlockerror: Is an EventHandler representing the code to be called when the pointerlockerror event is raised.
GlobalEventHandlers.onprogress: Is an EventHandler representing the code to be called when the progress event is raised.
GlobalEventHandlers.onratechange: Is an EventHandler representing the code to be called when the ratechange event is raised.
GlobalEventHandlers.onreset: Is an EventHandler representing the code to be called when the reset event is raised.
GlobalEventHandlers.onscroll: Is an EventHandler representing the code to be called when the scroll event is raised.
GlobalEventHandlers.onseeked: Is an EventHandler representing the code to be called when the seeked event is raised.
GlobalEventHandlers.onseeking: Is an EventHandler representing the code to be called when the seeking event is raised.
GlobalEventHandlers.onselect: Is an EventHandler representing the code to be called when the select event is raised.
GlobalEventHandlers.onselectstart: Is an EventHandler 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: Is an EventHandler 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 representing the code to be called when the show event is raised.
GlobalEventHandlers.onsort: Is an EventHandler representing the code to be called when the sort event is raised.
GlobalEventHandlers.onstalled: Is an EventHandler representing the code to be called when the stalled event is raised.
GlobalEventHandlers.onsubmit: Is an EventHandler representing the code to be called when the submit event is raised.
GlobalEventHandlers.onsuspend: Is an EventHandler representing the code to be called when the suspend event is raised.
GlobalEventHandlers.ontimeupdate: Is an EventHandler representing the code to be called when the timeupdate event is raised.
GlobalEventHandlers.onvolumechange: Is an EventHandler representing the code to be called when the volumechange event is raised.
GlobalEventHandlers.ontouchcancel: Is an EventHandler representing the code to be called when the touchcancel event is raised.
GlobalEventHandlers.ontouchend: Is an EventHandler representing the code to be called when the touchend event is raised.
GlobalEventHandlers.ontouchmove: Is an EventHandler representing the code to be called when the touchmove event is raised.
GlobalEventHandlers.ontouchstart: Is an EventHandler representing the code to be called when the touchstart event is raised.
GlobalEventHandlers.ontransitionend: An EventHandler called when a transitionend event is sent, indicating that a CSS transition has finished playing.
GlobalEventHandlers.onwaiting: Is an EventHandler representing the code to be called when the waiting 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`.
WHATWG HTML Living Standard The definition of 'GlobalEventHandlers' in that specification.	Living Standard	No change since the latest snapshot, HTML5.1.
HTML5.1 The definition of 'GlobalEventHandlers' in that specification.	Recommendation	Snapshot of WHATWG HTML Living Standard. Added `onsort` since the HTML5 snapshot.
HTML5 The definition of 'GlobalEventHandlers' in that specification.	Recommendation	Snapshot of WHATWG HTML Living Standard. Creation of `GlobalEventHandlers` (properties where on the target before it).

Browser compatibility

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`	No support	No support	?	?	?	?
`onmozfullscreenchange`, `onmozfullscreenerror`	(Yes)	(Yes) -webkit (Yes) (unprefixed)	No support	No support	No support	No support
`onpointerlockchange`, `onpointerlockerror`	10 (10)^[1]	(Yes)^[2]-webkit	?	?	?	?
`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 (Yes) (unprefixed)	?	?	?	?
`ongotpointercapture`, `onlostpointercapture`	?	57.0	?	?	44	?

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`	(Yes) -webkit (Yes) (unprefixed)	?	(Yes)	No support	No support	No support	No support	(Yes) -webkit (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 (Yes) (unprefixed)	?	51.0 (51)	?	?	?	?	(Yes) -webkit (Yes) (unprefixed)
`ongotpointercapture`, `onlostpointercapture`	57.0	?	?	?	?	44	?	57.0

[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.