--- title: GlobalEventHandlers slug: Web/API/GlobalEventHandlers tags: - API - DOM - HTML-DOM - Mixin - NeedsTranslation - Reference - TopicStub translation_of: Web/API/GlobalEventHandlers ---
{{ApiRef("HTML DOM")}}

The GlobalEventHandlers mixin describes the event handlers common to several interfaces like {{domxref("HTMLElement")}}, {{domxref("Document")}}, or {{domxref("Window")}}. Each of these interfaces can implement more event handlers.

GlobalEventHandlers is a mixin and not an interface and no object of this type can be created.

Properties

The events properties, of the form onXYZ, are defined on the {{domxref("GlobalEventHandlers")}}, and implemented by {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}, and {{domxref("WorkerGlobalScope")}} for Web Workers.

{{domxref("GlobalEventHandlers.onabort")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("abort")}} event is raised.
{{domxref("GlobalEventHandlers.onblur")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("blur")}} event is raised.
{{domxref("GlobalEventHandlers.onerror")}}
Is an {{domxref("OnErrorEventHandler")}} representing the code to be called when the {{event("error")}} event is raised.
{{domxref("GlobalEventHandlers.onfocus")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("focus")}} event is raised.
{{domxref("GlobalEventHandlers.oncancel")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("cancel")}} event is raised.
{{domxref("GlobalEventHandlers.oncanplay")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("canplay")}} event is raised.
{{domxref("GlobalEventHandlers.oncanplaythrough")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("canplaythrough")}} event is raised.
{{domxref("GlobalEventHandlers.onchange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("change")}} event is raised.
{{domxref("GlobalEventHandlers.onclick")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("click")}} event is raised.
{{domxref("GlobalEventHandlers.onclose")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("close")}} event is raised.
{{domxref("GlobalEventHandlers.oncontextmenu")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("contextmenu")}} event is raised.
{{domxref("GlobalEventHandlers.oncuechange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("cuechange")}} event is raised.
{{domxref("GlobalEventHandlers.ondblclick")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dblclick")}} event is raised.
{{domxref("GlobalEventHandlers.ondrag")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("drag")}} event is raised.
{{domxref("GlobalEventHandlers.ondragend")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragend")}} event is raised.
{{domxref("GlobalEventHandlers.ondragenter")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragenter")}} event is raised.
{{domxref("GlobalEventHandlers.ondragexit")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragexit")}} event is raised.
{{domxref("GlobalEventHandlers.ondragleave")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragleave")}} event is raised.
{{domxref("GlobalEventHandlers.ondragover")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragover")}} event is raised.
{{domxref("GlobalEventHandlers.ondragstart")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("dragstart")}} event is raised.
{{domxref("GlobalEventHandlers.ondrop")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("drop")}} event is raised.
{{domxref("GlobalEventHandlers.ondurationchange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("durationchange")}} event is raised.
{{domxref("GlobalEventHandlers.onemptied")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("emptied")}} event is raised.
{{domxref("GlobalEventHandlers.onended")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("ended")}} event is raised.
{{domxref("GlobalEventHandlers.oninput")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("input")}} event is raised.
{{domxref("GlobalEventHandlers.oninvalid")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("invalid")}} event is raised.
{{domxref("GlobalEventHandlers.onkeydown")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("keydown")}} event is raised.
{{domxref("GlobalEventHandlers.onkeypress")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("keypress")}} event is raised.
{{domxref("GlobalEventHandlers.onkeyup")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("keyup")}} event is raised.
{{domxref("GlobalEventHandlers.onload")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("load")}} event is raised.
{{domxref("GlobalEventHandlers.onloadeddata")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("loadeddata")}} event is raised.
{{domxref("GlobalEventHandlers.onloadedmetadata")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("loadedmetadata")}} event is raised.
{{domxref("GlobalEventHandlers.onloadstart")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("loadstart")}} event is raised.
{{domxref("GlobalEventHandlers.onmousedown")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mousedown")}} event is raised.
{{domxref("GlobalEventHandlers.onmouseenter")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mouseenter")}} event is raised.
{{domxref("GlobalEventHandlers.onmouseleave")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mouseleave")}} event is raised.
{{domxref("GlobalEventHandlers.onmousemove")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mousemove")}} event is raised.
{{domxref("GlobalEventHandlers.onmouseout")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mouseout")}} event is raised.
{{domxref("GlobalEventHandlers.onmouseover")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mouseover")}} event is raised.
{{domxref("GlobalEventHandlers.onmouseup")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mouseup")}} event is raised.
{{domxref("GlobalEventHandlers.onmousewheel")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("mousewheel")}} event is raised.
{{domxref("GlobalEventHandlers.onpause")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pause")}} event is raised.
{{domxref("GlobalEventHandlers.onplay")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("play")}} event is raised.
{{domxref("GlobalEventHandlers.onplaying")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("playing")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerdown")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerdown")}} event is raised.
{{domxref("GlobalEventHandlers.onpointermove")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointermove")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerup")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerup")}} event is raised.
{{domxref("GlobalEventHandlers.onpointercancel")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointercancel")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerover")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerover")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerout")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerout")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerenter")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerevent")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerleave")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerleave")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerlockchange")}} event is raised.
{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("pointerlockerror")}} event is raised.
{{domxref("GlobalEventHandlers.onprogress")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("progress")}} event is raised.
{{domxref("GlobalEventHandlers.onratechange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("ratechange")}} event is raised.
{{domxref("GlobalEventHandlers.onreset")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("reset")}} event is raised.
{{domxref("GlobalEventHandlers.onscroll")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("scroll")}} event is raised.
{{domxref("GlobalEventHandlers.onseeked")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("seeked")}} event is raised.
{{domxref("GlobalEventHandlers.onseeking")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("seeking")}} event is raised.
{{domxref("GlobalEventHandlers.onselect")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("select")}} event is raised.
{{domxref("GlobalEventHandlers.onselectionchange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("selectionchange")}} event is raised.
{{domxref("GlobalEventHandlers.onshow")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("show")}} event is raised.
{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("sort")}} event is raised.
{{domxref("GlobalEventHandlers.onstalled")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("stalled")}} event is raised.
{{domxref("GlobalEventHandlers.onsubmit")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("submit")}} event is raised.
{{domxref("GlobalEventHandlers.onsuspend")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("suspend")}} event is raised.
{{domxref("GlobalEventHandlers.ontimeupdate")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("timeupdate")}} event is raised.
{{domxref("GlobalEventHandlers.onvolumechange")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("volumechange")}} event is raised.
{{domxref("GlobalEventHandlers.ontouchcancel")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("touchcancel")}} event is raised.
{{domxref("GlobalEventHandlers.ontouchend")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("touchend")}} event is raised.
{{domxref("GlobalEventHandlers.ontouchmove")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("touchmove")}} event is raised.
{{domxref("GlobalEventHandlers.ontouchstart")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("touchstart")}} event is raised.
{{domxref("GlobalEventHandlers.onwaiting")}}
Is an {{event("Event_handlers")}} representing the code to be called when the {{event("waiting")}} event is raised.

Methods

This interface defines no method.

Specifications

Specification Status Comment
{{SpecName("Selection API",'', 'Extension to GlobalEventHandlers')}} {{Spec2('Selection API')}} Adds onselectionchange.
{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}} {{Spec2('Pointer Lock')}} Adds onpointerlockchange and onpointerlockerror on {{domxref("Document")}}. It is experimentally implemented on GlobalEventHandlers.
{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML WHATWG')}} No change since the latest snapshot, {{SpecName("HTML5.1")}}.
{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}} {{Spec2('HTML5.1')}} Snapshot of {{SpecName("HTML WHATWG")}}. Added onsort since the {{SpecName("HTML5 W3C")}} snapshot.
{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}} {{Spec2('HTML5 W3C')}} Snapshot of {{SpecName("HTML WHATWG")}}. Creation of GlobalEventHandlers (properties where on the target before it).

Browser compatibility

{{CompatibilityTable}}

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support {{CompatVersionUnknown}} {{CompatVersionUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting {{CompatGeckoDesktop(1.9.1)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onsuspend {{CompatGeckoDesktop(1.9.2)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop {{CompatGeckoDesktop(1.9.1)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmouseenter, onmouseleave {{CompatGeckoDesktop(10)}} 30.0 5.5 17 {{CompatUnknown}}
ondragexit {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncancel {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onclose {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncuechange {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ondragexit {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmousewheel {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onsort {{experimental_inline}} {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmozfullscreenchange, onmozfullscreenerror {{non-standard_inline}} {{CompatVersionUnknown}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
onpointerlockchange, onpointerlockerror {{CompatGeckoDesktop(10)}}[1] {{CompatVersionUnknown}}[2] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave {{CompatVersionUnknown}}[3] {{CompatNo}} 10 {{CompatUnknown}} {{CompatUnknown}}
onselectionchange {{CompatGeckoDesktop(43)}}[4] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ontouchend, ontouchcancel, ontouchmove, ontouchstart {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
Feature Firefox Mobile (Gecko) Android IE Mobile Opera Mobile Safari Mobile
Basic support {{CompatVersionUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop {{CompatGeckoMobile(1.9.1)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncanplay, oncanplaythrough, ondurationchange, onemptied, onended, onloadeddata, onloadedmetadata, onloadstart, onpause, onplay, onplaying, onprogress, onratechange, onseeked, onseeking, onstalled, ontimeupdate, onvolumechange, onwaiting {{CompatGeckoMobile(1.9.1)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmouseenter, onmouseleave {{CompatGeckoMobile(10)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onsuspend {{CompatGeckoMobile(1.9.2)}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ondragexit {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncancel {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onclose {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
oncuechange {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ondragexit {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmousewheel {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onsort {{CompatNo}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onmozfullscreenchange, onmozfullscreenerror {{non-standard_inline}} {{CompatVersionUnknown}} {{CompatNo}} {{CompatNo}} {{CompatNo}} {{CompatNo}}
onpointerlockchange, onpointerlockerror {{CompatGeckoMobile(10)}}[1] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
onpointercancel, onpointerdown, onpointerup, onpointermove, onpointerout, onpointerover, onpointerenter, onpointerleave {{CompatVersionUnknown}}[3] {{CompatNo}} 10 {{CompatNo}} {{CompatNo}}
onselectionchange {{CompatGeckoMobile(43)}}[4] {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}
ontouchend, ontouchcancel, ontouchmove, ontouchstart {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}} {{CompatUnknown}}

[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