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 event handler representing the code to be called when the abort (en-US) event is raised.
GlobalEventHandlers.onanimationcancel (en-US): An event handler called when an animationcancel event is sent, indicating that a running CSS animation has been canceled.
GlobalEventHandlers.onanimationend (en-US): An event handler called when an animationend (en-US) event is sent, indicating that a CSS animation has stopped playing.
GlobalEventHandlers.onanimationiteration (en-US): An event handler 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): An event handler called when an animationstart (en-US) event is sent, indicating that a CSS animation has started playing.
GlobalEventHandlers.onauxclick (en-US): An event handler 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: Is an event handler 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: Is an event handler representing the code to be called when the focus (en-US) event is raised.
GlobalEventHandlers.oncancel (en-US): Is an event handler representing the code to be called when the cancel event is raised.
GlobalEventHandlers.oncanplay (en-US): Is an event handler representing the code to be called when the canplay (en-US) event is raised.
GlobalEventHandlers.oncanplaythrough (en-US): Is an event handler representing the code to be called when the canplaythrough (en-US) event is raised.
GlobalEventHandlers.onchange (en-US): Is an event handler representing the code to be called when the change (en-US) event is raised.
GlobalEventHandlers.onclick: Is an event handler representing the code to be called when the click (en-US) event is raised.
GlobalEventHandlers.onclose (en-US): Is an event handler representing the code to be called when the close event is raised.
GlobalEventHandlers.oncontextmenu (en-US): Is an event handler representing the code to be called when the contextmenu (en-US) event is raised.
GlobalEventHandlers.oncuechange (en-US): Is an event handler representing the code to be called when the cuechange (en-US) event is raised.
GlobalEventHandlers.ondblclick (en-US): Is an event handler representing the code to be called when the dblclick (en-US) event is raised.
GlobalEventHandlers.ondrag (en-US): Is an event handler representing the code to be called when the drag (en-US) event is raised.
GlobalEventHandlers.ondragend (en-US): Is an event handler representing the code to be called when the dragend (en-US) event is raised.
GlobalEventHandlers.ondragenter (en-US): Is an event handler representing the code to be called when the dragenter (en-US) event is raised.
GlobalEventHandlers.ondragexit (en-US): Is an event handler representing the code to be called when the dragexit event is raised.
GlobalEventHandlers.ondragleave (en-US): Is an event handler representing the code to be called when the dragleave (en-US) event is raised.
GlobalEventHandlers.ondragover (en-US): Is an event handler representing the code to be called when the dragover (en-US) event is raised.
GlobalEventHandlers.ondragstart (en-US): Is an event handler representing the code to be called when the dragstart (en-US) event is raised.
GlobalEventHandlers.ondrop (en-US): Is an event handler representing the code to be called when the drop (en-US) event is raised.
GlobalEventHandlers.ondurationchange (en-US): Is an event handler representing the code to be called when the durationchange (en-US) event is raised.
GlobalEventHandlers.onemptied (en-US): Is an event handler representing the code to be called when the emptied (en-US) event is raised.
GlobalEventHandlers.onended (en-US): Is an event handler representing the code to be called when the ended (en-US) event is raised.
GlobalEventHandlers.ongotpointercapture (en-US): Is an event handler representing the code to be called when the gotpointercapture event type is raised.
GlobalEventHandlers.oninput (en-US): Is an event handler representing the code to be called when the input (en-US) event is raised.
GlobalEventHandlers.oninvalid (en-US): Is an event handler representing the code to be called when the invalid (en-US) event is raised.
GlobalEventHandlers.onkeydown: Is an event handler representing the code to be called when the keydown (en-US) event is raised.
GlobalEventHandlers.onkeypress: Is an event handler representing the code to be called when the keypress (en-US) event is raised.
GlobalEventHandlers.onkeyup: Is an event handler representing the code to be called when the keyup (en-US) event is raised.
GlobalEventHandlers.onload: Is an event handler representing the code to be called when the load (en-US) event is raised.
GlobalEventHandlers.onloadeddata (en-US): Is an event handler representing the code to be called when the loadeddata (en-US) event is raised.
GlobalEventHandlers.onloadedmetadata (en-US): Is an event handler representing the code to be called when the loadedmetadata (en-US) event is raised.
GlobalEventHandlers.onloadend (en-US): Is an event handler 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 event handler 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 event handler representing the code to be called when the lostpointercapture event type is raised.
GlobalEventHandlers.onmousedown: Is an event handler representing the code to be called when the mousedown (en-US) event is raised.
GlobalEventHandlers.onmouseenter (en-US): Is an event handler representing the code to be called when the mouseenter (en-US) event is raised.
GlobalEventHandlers.onmouseleave (en-US): Is an event handler representing the code to be called when the mouseleave (en-US) event is raised.
GlobalEventHandlers.onmousemove: Is an event handler representing the code to be called when the mousemove (en-US) event is raised.
GlobalEventHandlers.onmouseout (en-US): Is an event handler representing the code to be called when the mouseout (en-US) event is raised.
GlobalEventHandlers.onmouseover (en-US): Is an event handler representing the code to be called when the mouseover (en-US) event is raised.
GlobalEventHandlers.onmouseup (en-US): Is an event handler representing the code to be called when the mouseup (en-US) event is raised.
GlobalEventHandlers.onmousewheel (en-US): Is an event handler representing the code to be called when the mousewheel (en-US) event is raised.
GlobalEventHandlers.onwheel (en-US): Is an event handler representing the code to be called when the wheel (en-US) event is raised.
GlobalEventHandlers.onpause (en-US): Is an event handler representing the code to be called when the pause (en-US) event is raised.
GlobalEventHandlers.onplay (en-US): Is an event handler representing the code to be called when the play (en-US) event is raised.
GlobalEventHandlers.onplaying (en-US): Is an event handler representing the code to be called when the playing (en-US) event is raised.
GlobalEventHandlers.onpointerdown (en-US): Is an event handler representing the code to be called when the pointerdown event is raised.
GlobalEventHandlers.onpointermove (en-US): Is an event handler representing the code to be called when the pointermove event is raised.
GlobalEventHandlers.onpointerup (en-US): Is an event handler representing the code to be called when the pointerup event is raised.
GlobalEventHandlers.onpointercancel (en-US): Is an event handler representing the code to be called when the pointercancel event is raised.
GlobalEventHandlers.onpointerover (en-US): Is an event handler representing the code to be called when the pointerover event is raised.
GlobalEventHandlers.onpointerout (en-US): Is an event handler representing the code to be called when the pointerout event is raised.
GlobalEventHandlers.onpointerenter (en-US): Is an event handler representing the code to be called when the pointerevent event is raised.
GlobalEventHandlers.onpointerleave (en-US): Is an event handler representing the code to be called when the pointerleave event is raised.
GlobalEventHandlers.onpointerlockchange: Is an event handler representing the code to be called when the pointerlockchange (en-US) event is raised.
GlobalEventHandlers.onpointerlockerror: Is an event handler representing the code to be called when the pointerlockerror (en-US) event is raised.
GlobalEventHandlers.onprogress: Is an event handler representing the code to be called when the progress (en-US) event is raised.
GlobalEventHandlers.onratechange: Is an event handler representing the code to be called when the ratechange (en-US) event is raised.
GlobalEventHandlers.onreset (en-US): Is an event handler representing the code to be called when the reset (en-US) event is raised.
GlobalEventHandlers.onscroll (en-US): Is an event handler representing the code to be called when the scroll (en-US) event is raised.
GlobalEventHandlers.onseeked: Is an event handler representing the code to be called when the seeked (en-US) event is raised.
GlobalEventHandlers.onseeking: Is an event handler representing the code to be called when the seeking (en-US) event is raised.
GlobalEventHandlers.onselect (en-US): Is an event handler representing the code to be called when the select (en-US) event is raised.
GlobalEventHandlers.onselectstart (en-US): Is an event handler 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 event handler 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 event handler representing the code to be called when the show (en-US) event is raised.
GlobalEventHandlers.onsort: Is an event handler representing the code to be called when the sort event is raised.
GlobalEventHandlers.onstalled: Is an event handler representing the code to be called when the stalled (en-US) event is raised.
GlobalEventHandlers.onsubmit (en-US): Is an event handler representing the code to be called when the submit (en-US) event is raised.
GlobalEventHandlers.onsuspend: Is an event handler representing the code to be called when the suspend (en-US) event is raised.
GlobalEventHandlers.ontimeupdate: Is an event handler representing the code to be called when the timeupdate (en-US) event is raised.
GlobalEventHandlers.onvolumechange: Is an event handler representing the code to be called when the volumechange (en-US) event is raised.
GlobalEventHandlers.ontouchcancel (en-US): Is an event handler representing the code to be called when the touchcancel (en-US) event is raised.
GlobalEventHandlers.ontouchend (en-US): Is an event handler representing the code to be called when the touchend (en-US) event is raised.
GlobalEventHandlers.ontouchmove (en-US): Is an event handler representing the code to be called when the touchmove (en-US) event is raised.
GlobalEventHandlers.ontouchstart (en-US): Is an event handler representing the code to be called when the touchstart (en-US) event is raised.
GlobalEventHandlers.ontransitioncancel (en-US): An event handler called when a transitioncancel event is sent, indicating that a CSS transition has been cancelled.
GlobalEventHandlers.ontransitionend (en-US): An event handler called when a transitionend (en-US) event is sent, indicating that a CSS transition has finished playing.
GlobalEventHandlers.onwaiting: Is an event handler 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)

Pulpit
Mobile

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 (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`	(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.