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 theabort (en-US)
event is raised. GlobalEventHandlers.onanimationcancel
(en-US) Non-Standard- An
event handler
called when ananimationcancel
event is sent, indicating that a running CSS animation has been canceled. GlobalEventHandlers.onanimationend
(en-US) Non-Standard- An
event handler
called when ananimationend (en-US)
event is sent, indicating that a CSS animation has stopped playing. GlobalEventHandlers.onanimationiteration
(en-US) Non-Standard- An
event handler
called when ananimationiteration (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) Non-Standard- An
event handler
called when ananimationstart (en-US)
event is sent, indicating that a CSS animation has started playing. GlobalEventHandlers.onauxclick
(en-US) Non-Standard- An
event handler
called when anauxclick
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 theblur (en-US)
event is raised. GlobalEventHandlers.onerror
(en-US)- Is an
OnErrorEventHandler
representing the code to be called when theerror (en-US)
event is raised. GlobalEventHandlers.onfocus
- Is an
event handler
representing the code to be called when thefocus (en-US)
event is raised. GlobalEventHandlers.oncancel
- Is an
event handler
representing the code to be called when thecancel
event is raised. GlobalEventHandlers.oncanplay
(en-US)- Is an
event handler
representing the code to be called when thecanplay (en-US)
event is raised. GlobalEventHandlers.oncanplaythrough
(en-US)- Is an
event handler
representing the code to be called when thecanplaythrough (en-US)
event is raised. GlobalEventHandlers.onchange
(en-US)- Is an
event handler
representing the code to be called when thechange (en-US)
event is raised. GlobalEventHandlers.onclick
- Is an
event handler
representing the code to be called when theclick (en-US)
event is raised. GlobalEventHandlers.onclose
(en-US)- Is an
event handler
representing the code to be called when theclose
event is raised. - Is an
event handler
representing the code to be called when thecontextmenu (en-US)
event is raised. GlobalEventHandlers.oncuechange
(en-US)- Is an
event handler
representing the code to be called when thecuechange (en-US)
event is raised. GlobalEventHandlers.ondblclick
(en-US)- Is an
event handler
representing the code to be called when thedblclick (en-US)
event is raised. GlobalEventHandlers.ondrag
(en-US)- Is an
event handler
representing the code to be called when thedrag (en-US)
event is raised. GlobalEventHandlers.ondragend
(en-US)- Is an
event handler
representing the code to be called when thedragend (en-US)
event is raised. GlobalEventHandlers.ondragenter
(en-US)- Is an
event handler
representing the code to be called when thedragenter (en-US)
event is raised. GlobalEventHandlers.ondragexit
(en-US)- Is an
event handler
representing the code to be called when thedragexit
event is raised. GlobalEventHandlers.ondragleave
(en-US)- Is an
event handler
representing the code to be called when thedragleave (en-US)
event is raised. GlobalEventHandlers.ondragover
(en-US)- Is an
event handler
representing the code to be called when thedragover (en-US)
event is raised. GlobalEventHandlers.ondragstart
(en-US)- Is an
event handler
representing the code to be called when thedragstart (en-US)
event is raised. GlobalEventHandlers.ondrop
(en-US)- Is an
event handler
representing the code to be called when thedrop (en-US)
event is raised. GlobalEventHandlers.ondurationchange
(en-US)- Is an
event handler
representing the code to be called when thedurationchange (en-US)
event is raised. GlobalEventHandlers.onemptied
(en-US)- Is an
event handler
representing the code to be called when theemptied (en-US)
event is raised. GlobalEventHandlers.onended
(en-US)- Is an
event handler
representing the code to be called when theended (en-US)
event is raised. GlobalEventHandlers.ongotpointercapture
(en-US)-
Is an
event handler
representing the code to be called when thegotpointercapture
event type is raised. GlobalEventHandlers.oninput
(en-US)- Is an
event handler
representing the code to be called when theinput (en-US)
event is raised. GlobalEventHandlers.oninvalid
(en-US)- Is an
event handler
representing the code to be called when theinvalid (en-US)
event is raised. GlobalEventHandlers.onkeydown
- Is an
event handler
representing the code to be called when thekeydown (en-US)
event is raised. GlobalEventHandlers.onkeypress
- Is an
event handler
representing the code to be called when thekeypress (en-US)
event is raised. GlobalEventHandlers.onkeyup
- Is an
event handler
representing the code to be called when thekeyup (en-US)
event is raised. GlobalEventHandlers.onload
- Is an
event handler
representing the code to be called when theload (en-US)
event is raised. GlobalEventHandlers.onloadeddata
(en-US)- Is an
event handler
representing the code to be called when theloadeddata (en-US)
event is raised. GlobalEventHandlers.onloadedmetadata
(en-US)- Is an
event handler
representing the code to be called when theloadedmetadata (en-US)
event is raised. GlobalEventHandlers.onloadend
(en-US)- Is an
event handler
representing the code to be called when theloadend (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 theloadstart (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 thelostpointercapture
event type is raised. GlobalEventHandlers.onmousedown
- Is an
event handler
representing the code to be called when themousedown (en-US)
event is raised. GlobalEventHandlers.onmouseenter
(en-US)- Is an
event handler
representing the code to be called when themouseenter (en-US)
event is raised. GlobalEventHandlers.onmouseleave
(en-US)- Is an
event handler
representing the code to be called when themouseleave (en-US)
event is raised. GlobalEventHandlers.onmousemove
- Is an
event handler
representing the code to be called when themousemove (en-US)
event is raised. GlobalEventHandlers.onmouseout
(en-US)- Is an
event handler
representing the code to be called when themouseout (en-US)
event is raised. GlobalEventHandlers.onmouseover
(en-US)- Is an
event handler
representing the code to be called when themouseover (en-US)
event is raised. GlobalEventHandlers.onmouseup
(en-US)- Is an
event handler
representing the code to be called when themouseup (en-US)
event is raised. GlobalEventHandlers.onmousewheel
(en-US)- Is an
event handler
representing the code to be called when themousewheel (en-US)
event is raised. GlobalEventHandlers.onwheel
(en-US)- Is an
event handler
representing the code to be called when thewheel (en-US)
event is raised. GlobalEventHandlers.onpause
(en-US)- Is an
event handler
representing the code to be called when thepause (en-US)
event is raised. GlobalEventHandlers.onplay
(en-US)- Is an
event handler
representing the code to be called when theplay (en-US)
event is raised. GlobalEventHandlers.onplaying
(en-US)- Is an
event handler
representing the code to be called when theplaying (en-US)
event is raised. GlobalEventHandlers.onpointerdown
(en-US)- Is an
event handler
representing the code to be called when thepointerdown
event is raised. GlobalEventHandlers.onpointermove
(en-US)- Is an
event handler
representing the code to be called when thepointermove
event is raised. GlobalEventHandlers.onpointerup
(en-US)- Is an
event handler
representing the code to be called when thepointerup
event is raised. GlobalEventHandlers.onpointercancel
(en-US)- Is an
event handler
representing the code to be called when thepointercancel
event is raised. GlobalEventHandlers.onpointerover
(en-US)- Is an
event handler
representing the code to be called when thepointerover
event is raised. GlobalEventHandlers.onpointerout
(en-US)- Is an
event handler
representing the code to be called when thepointerout
event is raised. GlobalEventHandlers.onpointerenter
(en-US)- Is an
event handler
representing the code to be called when thepointerevent
event is raised. GlobalEventHandlers.onpointerleave
(en-US)- Is an
event handler
representing the code to be called when thepointerleave
event is raised. GlobalEventHandlers.onpointerlockchange
Experimental- Is an
event handler
representing the code to be called when thepointerlockchange (en-US)
event is raised. GlobalEventHandlers.onpointerlockerror
Experimental- Is an
event handler
representing the code to be called when thepointerlockerror (en-US)
event is raised. GlobalEventHandlers.onprogress
- Is an
event handler
representing the code to be called when theprogress (en-US)
event is raised. GlobalEventHandlers.onratechange
- Is an
event handler
representing the code to be called when theratechange (en-US)
event is raised. GlobalEventHandlers.onreset
(en-US)- Is an
event handler
representing the code to be called when thereset (en-US)
event is raised. GlobalEventHandlers.onscroll
(en-US)- Is an
event handler
representing the code to be called when thescroll (en-US)
event is raised. GlobalEventHandlers.onseeked
- Is an
event handler
representing the code to be called when theseeked (en-US)
event is raised. GlobalEventHandlers.onseeking
- Is an
event handler
representing the code to be called when theseeking (en-US)
event is raised. GlobalEventHandlers.onselect
(en-US)- Is an
event handler
representing the code to be called when theselect (en-US)
event is raised. GlobalEventHandlers.onselectstart
(en-US)- Is an
event handler
representing the code to be called when theselectionchange
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 theselectionchange
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 theshow (en-US)
event is raised. GlobalEventHandlers.onsort
Experimental- Is an
event handler
representing the code to be called when thesort
event is raised. GlobalEventHandlers.onstalled
- Is an
event handler
representing the code to be called when thestalled (en-US)
event is raised. GlobalEventHandlers.onsubmit
(en-US)- Is an
event handler
representing the code to be called when thesubmit (en-US)
event is raised. GlobalEventHandlers.onsuspend
- Is an
event handler
representing the code to be called when thesuspend (en-US)
event is raised. GlobalEventHandlers.ontimeupdate
- Is an
event handler
representing the code to be called when thetimeupdate (en-US)
event is raised. GlobalEventHandlers.onvolumechange
- Is an
event handler
representing the code to be called when thevolumechange (en-US)
event is raised. GlobalEventHandlers.ontouchcancel
(en-US)- Is an
event handler
representing the code to be called when thetouchcancel (en-US)
event is raised. GlobalEventHandlers.ontouchend
(en-US)- Is an
event handler
representing the code to be called when thetouchend (en-US)
event is raised. GlobalEventHandlers.ontouchmove
(en-US)- Is an
event handler
representing the code to be called when thetouchmove (en-US)
event is raised. GlobalEventHandlers.ontouchstart
(en-US)- Is an
event handler
representing the code to be called when thetouchstart (en-US)
event is raised. GlobalEventHandlers.ontransitioncancel
(en-US)- An
event handler
called when atransitioncancel
event is sent, indicating that a CSS transition has been cancelled. GlobalEventHandlers.ontransitionend
(en-US)- An
event handler
called when atransitionend (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 thewaiting (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
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
Experimental
|
No support | No support | ? | ? | ? | ? |
onmozfullscreenchange , onmozfullscreenerror
Non-Standard
|
(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
Non-Standard
|
(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.