---
title: GlobalEventHandlers
slug: Web/API/GlobalEventHandlers
translation_of: Web/API/GlobalEventHandlers
---
<div>
<div>{{ ApiRef("HTML DOM") }}</div>
</div>

<p><strong><code>GlobalEventHandlers</code></strong> 描述了一系列web worker的事件接口 {{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}, 或 {{domxref("WorkerGlobalScope")}}。这里面的每一个接口都可以添加更多的事件句柄。</p>

<div class="blockIndicator note">
<p>Note:<code>GlobalEventHandlers</code> 是一个混入对象(mixin)而不是一个真正的接口，所以无法创建直接基于<code>GlobalEventHandlers</code> 的对象。</p>
</div>

<h2 id="属性">属性</h2>

<p>除了下面的事件句柄外，此接口不包含任何其他属性。</p>

<h3 id="Event_handlers">Event handlers</h3>

<p>这些事件定义在 {{domxref("GlobalEventHandlers")}} 中, 并被混入和实现在{{domxref("HTMLElement")}}, {{domxref("Document")}}, {{domxref("Window")}}上，任意html元素、document对象，window对象上均可以使用它提供的属性， 即时是全局的{{domxref("WorkerGlobalScope")}}。</p>

<dl>
 <dt>{{domxref("GlobalEventHandlers.onabort")}}</dt>
 <dd>这是一个事件句柄 {{event("Event_handlers", "event handler")}} ，当停止{{event("abort")}} 事件触发时会被调用。</dd>
 <dt>{{domxref("GlobalEventHandlers.onanimationcancel")}} {{Non-standard_inline}}</dt>
 <dd>这是一个事件句柄 {{event("Event_handlers", "event handler")}} ，当 CSS 动画取消{{event("animationcancel")}}事件触发时被调用，这表示某个正在执行的CSS动画被取消了。</dd>
 <dt>{{domxref("GlobalEventHandlers.onanimationend")}} {{Non-standard_inline}}</dt>
 <dd>这是一个事件句柄 {{event("Event_handlers", "event handler")}} ，当 CSS 动画播放完成{{event("animationend")}} 事件触发时被调用，这表示某个CSS动画已经播放完成了。</dd>
 <dt>{{domxref("GlobalEventHandlers.onblur")}}</dt>
 <dd>这是一个事件句柄 {{event("Event_handlers", "event handler")}} ，当失去焦点 {{event("blur")}} 事件触发时会被调用。</dd>
 <dt>{{domxref("GlobalEventHandlers.onerror")}}</dt>
 <dd>这是一个错误发生时的事件句柄 {{event("Event_handlers", "event handler")}} ，当发生错误{{event("error")}} 事件时会被调用。</dd>
 <dt>{{domxref("GlobalEventHandlers.onfocus")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("focus")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oncancel")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("cancel")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oncanplay")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("canplay")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oncanplaythrough")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("canplaythrough")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onchange")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("change")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onclick")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("click")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onclose")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("close")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oncontextmenu")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("contextmenu")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oncuechange")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("cuechange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondblclick")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dblclick")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondrag")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("drag")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragend")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragend")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragenter")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragenter")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragexit")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragexit")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragleave")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragleave")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragover")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragover")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondragstart")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("dragstart")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondrop")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("drop")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ondurationchange")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("durationchange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onemptied")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("emptied")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onended")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("ended")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oninput")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("input")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.oninvalid")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("invalid")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onkeydown")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("keydown")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onkeypress")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("keypress")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onkeyup")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("keyup")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onload")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("load")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onloadeddata")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("loadeddata")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onloadedmetadata")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("loadedmetadata")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onloadstart")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("loadstart")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmousedown")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mousedown")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmouseenter")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mouseenter")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmouseleave")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mouseleave")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmousemove")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mousemove")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmouseout")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mouseout")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmouseover")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mouseover")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmouseup")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mouseup")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onmousewheel")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("mousewheel")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandler.onmozfullscreenchange")}} {{non-standard_inline}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("fullscreenchange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandler.onmozfullscreenerror")}} {{non-standard_inline}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("fullscreenerror")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpause")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pause")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onplay")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("play")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onplaying")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("playing")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerdown")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerdown")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointermove")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointermove")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerup")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerup")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointercancel")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointercancel")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerover")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerover")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerout")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerout")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerenter")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerevent")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerleave")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerleave")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerlockchange")}} {{experimental_inline}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerlockchange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onpointerlockerror")}} {{experimental_inline}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("pointerlockerror")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onprogress")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("progress")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onratechange")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("ratechange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onreset")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("reset")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onscroll")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("scroll")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onseeked")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("seeked")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onseeking")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("seeking")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onselect")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("select")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onshow")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("show")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onsort")}} {{experimental_inline}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("sort")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onstalled")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("stalled")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onsubmit")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("submit")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onsuspend")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("suspend")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.ontimeupdate")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("timeupdate")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onvolumechange")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("volumechange")}} event is raised.</dd>
 <dt>{{domxref("GlobalEventHandlers.onwaiting")}}</dt>
 <dd>Is an {{event("Event_handlers", "event handler")}} representing the code to be called when the {{event("waiting")}} event is raised.</dd>
</dl>

<h2 id="Methods">Methods</h2>

<p><em>This interface defines no method.</em></p>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('Pointer Lock', '#extensions-to-the-document-interface', 'Extension of Document')}}</td>
   <td>{{Spec2('Pointer Lock')}}</td>
   <td>Adds <code>onpointerlockchange</code> and <code>onpointerlockerror</code> on {{domxref("Document")}}. It is experimentally implemented on <code>GlobalEventHandlers</code>.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', '#globaleventhandlers', 'GlobalEventHandlers')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>No change since the latest snapshot, {{SpecName("HTML5.1")}}.</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', '#globaleventhandlers', 'GlobalEventHandlers')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Snapshot of {{SpecName("HTML WHATWG")}}. Added <code>onsort</code> since the {{SpecName("HTML 5")}} snapshot.</td>
  </tr>
  <tr>
   <td>{{SpecName("HTML5 W3C", "#globaleventhandlers", "GlobalEventHandlers")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Snapshot of {{SpecName("HTML WHATWG")}}. Creation of <code>GlobalEventHandlers</code> (properties where on the target before it).</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility">Browser compatibility</h2>

{{Compat("api.GlobalEventHandlers")}}

<h2 id="See_also">See also</h2>

<ul>
 <li>{{domxref("Element")}}</li>
</ul>