DOM event reference

  • Revision slug: DOM/DOM_event_reference
  • Revision title: DOM event reference
  • Revision id: 311575
  • Created:
  • Creator: fscholz
  • Is current revision? No
  • Comment Proximity events (bug 738131)

Revision Content

{{ draft() }}

Following events can be captured by adding event handlers by calling a DOM element's {{ domxref("element.addEventListener()") }} method.

Note: This page needs content, and the child pages need filling out.

Note that some events listed here may be unimplemented in some or all of the browsers even if the event's description does not say so. Feel free to edit the page to correct it!

DOM events

Event name Event type Targets Specification Description
{{ domevent("DOMActivate") }}     DOM L3 Events  
{{ domevent("DOMAttrModified") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domevent("DOMAttributeNameChanged") }} {{ domxref("MutationNameEvent") }}   DOM L3 Events {{ unimplemented_inline() }} at least in Gecko. See Mutation events.
{{ domevent("DOMCharacterDataModified") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domeventxref("DOMContentLoaded") }} {{ domxref("Event") }}   HTML5  
{{ domevent("DOMElementNameChanged") }} {{ domxref("MutationNameEvent") }}   DOM L3 Events {{ unimplemented_inline() }} at least in Gecko. See Mutation events.
{{ domevent("DOMFocusIn") }} {{ domxref("FocusEvent") }} {{ domxref("Element") }} DOM L3 Events

{{ deprecated_inline() }} Use focus, focusin, and focusout events.

{{ unimplemented_inline() }} in Gecko ({{ bug("396927") }}).

{{ domevent("DOMFocusOut") }} {{ domxref("FocusEvent") }} {{ domxref("Element") }} DOM L3 Events

{{ deprecated_inline() }} Use focus, focusin, and focusout events.

{{ unimplemented_inline() }} in Gecko ({{ bug("396927") }}).
{{ domeventxref("DOMMouseScroll") }} {{ domxref("MouseScrollEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("DOMNodeInserted") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domevent("DOMNodeInsertedIntoDocument") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domevent("DOMNodeRemoved") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domevent("DOMNodeRemovedFromDocument") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domevent("DOMSubtreeModified") }} {{ domxref("MutationEvent") }}   DOM L3 Events {{ deprecated_inline() }} See Mutation events.
{{ domeventxref("MozMousePixelScroll") }} {{ domxref("MouseScrollEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("abort") }} {{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }}) {{ domxref("Element") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} DOM L3 Events, HTML5, XHR L2 Fired when the transfer of a resource was aborted.
{{ domevent("afterprint") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}   Fired after printing a document has finished. See Detecting print requests for an example. {{ gecko_minversion_inline("6.0") }}
{{ domevent("animationend") }} {{ domxref("AnimationEvent") }} ?   See CSS animations.
{{ domevent("animationiteration") }} {{ domxref("AnimationEvent") }} ?   See CSS animations.
{{ domevent("animationstart") }} {{ domxref("AnimationEvent") }} ?   See CSS animations.
{{ domevent("beforeprint") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}   Fired before printing of a document begins. See Detecting print requests for an example. {{ gecko_minversion_inline("6.0") }}
{{ domeventxref("beforeunload") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}   IE-specific. Fired before a resource is unloaded (while unload is fired afterward)
{{ domevent("blur") }} {{ domxref("FocusEvent") }} {{ domxref("Element") }} (except <body> and <frameseet>), {{ domxref("Document") }}   Fired when an element target loses focus.
{{ domevent("callschanged") }} {{ domxref("CallEvent") }}   WebTelephony Fired when the list of ongoing phone calls changes.
{{ domevent("canplay") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("canplaythrough") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("click") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domeventxref("compositionend") }} {{ domxref("CompositionEvent") }} {{ domxref("Element") }} DOM L3 Events {{ gecko_minversion_inline("9.0") }}
{{ domeventxref("compositionstart") }} {{ domxref("CompositionEvent") }} {{ domxref("Element") }} DOM L3 Events {{ gecko_minversion_inline("9.0") }}
{{ domeventxref("compositionupdate") }} {{ domxref("CompositionEvent") }} {{ domxref("Element") }} DOM L3 Events {{ gecko_minversion_inline("9.0") }}
{{ domevent("contextmenu") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }} HTML5  
{{ domevent("cuechange") }}   {{ HTMLElement("track") }}, {{ domxref("TextTrack") }} HTML5  
{{ domevent("delivered") }} {{ domxref("SmsEvent") }} {{ domxref("SmsManager") }} WebSMS API Fired when an SMS is delivered to a recipient.
{{ domevent("devicelight") }} {{ domxref("DeviceLightEvent") }}   Ambient Light Events Photo sensors or similiar detectors can fire this event when ambient light levels change.
{{ domevent("deviceproximity") }} {{ domxref("DeviceProximityEvent") }}   Proximity Events Information from a proximity sensor about the distance of nearby physical object.
{{ domevent("dblclick") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domevent("drag") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("dragend") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("dragenter") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("dragleave") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("dragover") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("dragstart") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("drop") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("durationchange") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("emptied") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("ended") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domeventxref("error") }} {{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }}) {{ domxref("Element") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} DOM L3 Events, HTML5, XHR L2 Fired when a resource fails to load (network error, script execution error, etc).
{{ domevent("focus") }} {{ domxref("FocusEvent") }} {{ domxref("Element") }} (except <body> and <frameseet>), {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events Fired when an element receives focus.
{{ domevent("focusin") }} {{ domxref("FocusEvent") }}   DOM L3 Events

Fired when an event target is about to receive focus but before the focus is shifted. This event occurs right before the focus event.

{{ unimplemented_inline() }} in Gecko ({{ bug("687787") }}).

{{ domevent("focusout") }} {{ domxref("FocusEvent") }}   DOM L3 Events

Fired when an event target is about to lose focus but before the focus is shifted. This event occurs right before the blur event.

{{ unimplemented_inline() }} in Gecko ({{ bug("687787") }}).

{{ domevent("hashchange") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}    
{{ domevent("incoming") }} {{ domxref("CallEvent") }}   WebTelephony Fired when a new call is detected.
{{ domeventxref("input") }} {{ domxref("Event") }} {{ domxref("Element") }} HTML5  
{{ domevent("invalid") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("keydown") }} {{ domxref("KeyboardEvent") }}   DOM L3 Events Fired when a key is initially pressed. This is sent after any key mapping is performed, but before any input method editors receive the keypress. This is sent for any key, even if it doesn't generate a character code.
{{ domevent("keypress") }} {{ domxref("KeyboardEvent") }}   DOM L3 Events

Fired when a key is initially pressed, but only if that key normally produces a character value. This is sent after any key mapping is performed, but before any input method editors receive the keypress.

Note: This is sent in addition to, not instead of, the {{ domevent("keydown") }} event.

This event has been deprecated in favor of {{ domevent("input") }}.

{{ domevent("keyup") }} {{ domxref("KeyboardEvent") }}   DOM L3 Events Fired when a key is released. This is sent after any key mapping is performed, and always follows the corresponding {{ domevent("keydown") }} and {{ domevent("keypress") }} events.
{{ domevent("load") }} {{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }}) {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} DOM L3 Events, XHR L2 Fired when the resource (document, element, defaultView) and depending resources (images, script downloading and execution, css loading, etc.) are loaded.
{{ domevent("loadeddata") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("loadedmetadata") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("loadend") }} {{ domxref("ProgressEvent") }} {{ domxref("XMLHttpRequest") }} XHR L2  
{{ domevent("loadstart") }} {{ domxref("Event") }} (may be {{ domxref("ProgressEvent") }}) {{ domxref("HTMLMediaElement") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} HTML5, XHR L2  
{{ domevent("message") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}    
{{ domevent("mousedown") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domeventxref("mouseenter") }} {{ domxref("MouseEvent") }}   DOM L3 Events Fired when entering an element or any of its descendants.
{{ domeventxref("mouseleave") }} {{ domxref("MouseEvent") }}   DOM L3 Events Fired when leaving an element and all of its descendants.
{{ domevent("mousemove") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domevent("mouseout") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domevent("mouseover") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domevent("mouseup") }} {{ domxref("MouseEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events  
{{ domeventxref("mousewheel") }} {{ domxref("MouseWheelEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}  

{{ unimplemented_inline() }} in Gecko, supported by IE, Webkit and Opera.

see gecko-specific {{ domeventxref("DOMMouseScroll") }} equivalent

{{ domevent("mozfullscreenchange") }}   {{ domxref("Document") }} {{ experimental_inline() }} Sent to a document when an element its contains is granted full-screen mode, or leaves it. See Using full-screen mode for details. {{ gecko_minversion_inline("9.0") }}
{{ domevent("offline") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }} HTML5 Can be used on window, document, or document.body, see Online_and_offline_events. {{ gecko_minversion_inline("1.9") }}
{{ domevent("online") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }} HTML5 Can be used on window, document, or document.body, see Online_and_offline_events. {{ gecko_minversion_inline("1.9") }}
{{ domevent("pagehide") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}    
{{ domevent("pageshow") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}    
{{ domevent("pause") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("play") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("playing") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("popstate") }}   {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}   See window.onpopstate and Manipulating the browser history.
{{ domevent("progress") }} {{ domxref("Event") }} (may be {{ domxref("ProgressEvent") }}) {{ domxref("HTMLMediaElement") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} HTML5, XHR L2  
{{ domevent("ratechange") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("readystatechange") }} {{ domxref("Event") }} {{ domxref("Document") }}, {{ domxref("XMLHttpRequest") }} HTML5, XHR L2  
{{ domevent("received") }} {{ domxref("SmsEvent") }} {{ domxref("SmsManager") }} WebSMS API Fired when an SMS is received.
{{ domevent("reset") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("resize") }} {{ domxref("UIEvent") }} {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }} DOM L3 Events Fired when the browser window is resized. May apply to <iframe>s.
{{ domevent("scroll") }} {{ domxref("UIEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events Fired when a user scrolls a document or an element.
{{ domevent("seeked") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("seeking") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("select") }} {{ domxref("UIEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events Fired when a user selects some text.
{{ domevent("sent") }} {{ domxref("SmsEvent") }} {{ domxref("SmsManager") }} WebSMS API Fired when an SMS is sent.
{{ domevent("show") }} {{ domxref("Event") }} {{ domxref("HTMLMenuElement") }} HTML5  
{{ domevent("stalled") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("storage") }} {{ domxref("StorageEvent") }} {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}    
{{ domevent("submit") }}   {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}    
{{ domevent("suspend") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("textinput") }} {{ domxref("TextInput") }} {{ domxref("Element") }} textinput/textInput event was defined in old DOM Level3 Events. However, it was removed.

IE and WebKit support this (the event name is textinput on IE, textInput on WebKit).

{{ deprecated_inline() }} in favor of {{ domevent("input") }} event (see bug 12958).

{{ domevent("timeout") }} {{ domxref("ProgressEvent") }} {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }} XHR L2  
{{ domevent("timeupdate") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("touchstart") }} {{ domxref("TouchEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} Touch events v1  
{{ domevent("touchmove") }} {{ domxref("TouchEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} Touch events v1  
{{ domevent("touchend") }} {{ domxref("TouchEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} Touch events v1  
{{ domevent("touchcancel") }} {{ domxref("TouchEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} Touch events v1  
{{ domevent("unload") }} {{ domxref("UIEvent") }} {{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }} DOM L3 Events Fired when the resource (document, element, defaultView) or any depending resources (images, CSS file, etc.) is removed from the environment.
{{ domevent("userproximity") }} {{ domxref("UserProximityEvent") }}   Proximity Events Fired when a proximity sensor has sensed the presence of a nearby physical object.
{{ domevent("volumechange") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domevent("waiting") }}   {{ domxref("HTMLMediaElement") }} HTML5  
{{ domeventxref("wheel") }} {{ domxref("WheelEvent") }} {{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }} DOM L3 Events {{ gecko_minversion_inline("17.0") }}

Specifications

DOM Level 3 Events (W3C Working Draft)

See also

Revision Source

<p>{{ draft() }}</p>
<p>Following events can be captured by adding event handlers by calling a DOM element's {{ domxref("element.addEventListener()") }} method.</p>
<div class="note">
  <strong>Note:</strong> This page needs content, and the child pages need filling out.<br />
  <br />
  Note that some events listed here may be unimplemented in some or all of the browsers even if the event's description does not say so. Feel free to edit the page to correct it!</div>
<h2 id="DOM_events">DOM events</h2>
<table class="standard-table" style="width: auto;">
  <tbody>
    <tr>
      <td class="header">Event name</td>
      <td class="header">Event&nbsp;type</td>
      <td class="header">Targets</td>
      <td class="header">Specification</td>
      <td class="header">Description</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMActivate") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMAttrModified") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMAttributeNameChanged") }}</td>
      <td>{{ domxref("MutationNameEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttributeNameChanged">DOM L3 Events</a></td>
      <td>{{ unimplemented_inline() }} at least in Gecko. See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMCharacterDataModified") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domeventxref("DOMContentLoaded") }}</td>
      <td>{{ domxref("Event") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMElementNameChanged") }}</td>
      <td>{{ domxref("MutationNameEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMElementNameChanged">DOM L3 Events</a></td>
      <td>{{ unimplemented_inline() }} at least in Gecko. See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMFocusIn") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3 Events</a></td>
      <td>
        <p>{{ deprecated_inline() }} Use <code>focus</code>, <code>focusin</code>, and <code>focusout</code> events.</p>
        <p>{{ unimplemented_inline() }} in Gecko ({{ bug("396927") }}).</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("DOMFocusOut") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3 Events</a></td>
      <td>
        <p>{{ deprecated_inline() }} Use <code>focus</code>, <code>focusin</code>, and <code>focusout</code> events.</p>
        {{ unimplemented_inline() }} in Gecko ({{ bug("396927") }}).</td>
    </tr>
    <tr>
      <td>{{ domeventxref("DOMMouseScroll") }}</td>
      <td>{{ domxref("MouseScrollEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMNodeInserted") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMNodeInsertedIntoDocument") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMNodeRemoved") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMNodeRemovedFromDocument") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("DOMSubtreeModified") }}</td>
      <td>{{ domxref("MutationEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3 Events</a></td>
      <td>{{ deprecated_inline() }} See <a href="/en/DOM/Mutation_events" title="en/DOM/Mutation_events">Mutation events</a>.</td>
    </tr>
    <tr>
      <td>{{ domeventxref("MozMousePixelScroll") }}</td>
      <td>{{ domxref("MouseScrollEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("abort") }}</td>
      <td>{{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }})</td>
      <td>{{ domxref("Element") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3 Events</a>, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-abort">HTML5</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-abort">XHR L2</a></td>
      <td>Fired when the transfer of a resource was aborted.</td>
    </tr>
    <tr>
      <td>{{ domevent("afterprint") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>Fired after printing a document has finished. See <a href="/en/Printing#Detecting_print_requests" title="https://developer.mozilla.org/en/Printing#Detecting_print_requests">Detecting print requests</a> for an example. {{ gecko_minversion_inline("6.0") }}</td>
    </tr>
    <tr>
      <td>{{ domevent("animationend") }}</td>
      <td>{{ domxref("AnimationEvent") }}</td>
      <td>?</td>
      <td>&nbsp;</td>
      <td>See <a href="/en/CSS/CSS_animations" title="en/CSS/CSS animations">CSS animations</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("animationiteration") }}</td>
      <td>{{ domxref("AnimationEvent") }}</td>
      <td>?</td>
      <td>&nbsp;</td>
      <td>See <a href="/en/CSS/CSS_animations" title="en/CSS/CSS animations">CSS animations</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("animationstart") }}</td>
      <td>{{ domxref("AnimationEvent") }}</td>
      <td>?</td>
      <td>&nbsp;</td>
      <td>See <a href="/en/CSS/CSS_animations" title="en/CSS/CSS animations">CSS animations</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("beforeprint") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>Fired before printing of a document begins. See <a href="/en/Printing#Detecting_print_requests" title="https://developer.mozilla.org/en/Printing#Detecting_print_requests">Detecting print requests</a> for an example. {{ gecko_minversion_inline("6.0") }}</td>
    </tr>
    <tr>
      <td>{{ domeventxref("beforeunload") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>IE-specific. Fired before a resource is unloaded (while unload is fired afterward)</td>
    </tr>
    <tr>
      <td>{{ domevent("blur") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>{{ domxref("Element") }} (except <code>&lt;body&gt;</code> and <code>&lt;frameseet&gt;</code>), {{ domxref("Document") }}</td>
      <td>&nbsp;</td>
      <td>Fired when an element target loses focus.</td>
    </tr>
    <tr>
      <td>{{ domevent("callschanged") }}</td>
      <td>{{ domxref("CallEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="link-https" href="https://wiki.mozilla.org/WebAPI/WebTelephony" title="https://wiki.mozilla.org/WebAPI/WebTelephony">WebTelephony</a></td>
      <td>Fired when the list of ongoing phone calls changes.</td>
    </tr>
    <tr>
      <td>{{ domevent("canplay") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("canplaythrough") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("click") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domeventxref("compositionend") }}</td>
      <td>{{ domxref("CompositionEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-compositionend">DOM L3 Events</a></td>
      <td>{{ gecko_minversion_inline("9.0") }}</td>
    </tr>
    <tr>
      <td>{{ domeventxref("compositionstart") }}</td>
      <td>{{ domxref("CompositionEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-compositionstart">DOM L3 Events</a></td>
      <td>{{ gecko_minversion_inline("9.0") }}</td>
    </tr>
    <tr>
      <td>{{ domeventxref("compositionupdate") }}</td>
      <td>{{ domxref("CompositionEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-compositionupdate">DOM L3 Events</a></td>
      <td>{{ gecko_minversion_inline("9.0") }}</td>
    </tr>
    <tr>
      <td>{{ domevent("contextmenu") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#context-menus">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("cuechange") }}</td>
      <td>&nbsp;</td>
      <td>{{ HTMLElement("track") }}, {{ domxref("TextTrack") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#handler-texttrack-oncuechange">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("delivered") }}</td>
      <td>{{ domxref("SmsEvent") }}</td>
      <td>{{ domxref("SmsManager") }}</td>
      <td><a class="link-https" href="https://wiki.mozilla.org/WebAPI/WebSMS">WebSMS API</a></td>
      <td>Fired when an SMS is delivered to a recipient.</td>
    </tr>
    <tr>
      <td>{{ domevent("devicelight") }}</td>
      <td>{{ domxref("DeviceLightEvent") }}</td>
      <td>&nbsp;</td>
      <td><a href="http://www.w3.org/TR/ambient-light/">Ambient Light Events</a></td>
      <td>Photo sensors or similiar detectors can fire this event when ambient light levels change.</td>
    </tr>
    <tr>
      <td>{{ domevent("deviceproximity") }}</td>
      <td>{{ domxref("DeviceProximityEvent") }}</td>
      <td>&nbsp;</td>
      <td><a href="http://www.w3.org/TR/proximity/">Proximity Events</a></td>
      <td>Information from a proximity sensor about the distance of nearby physical object.</td>
    </tr>
    <tr>
      <td>{{ domevent("dblclick") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("drag") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("dragend") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("dragenter") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("dragleave") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("dragover") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("dragstart") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("drop") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("durationchange") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("emptied") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("ended") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domeventxref("error") }}</td>
      <td>{{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }})</td>
      <td>{{ domxref("Element") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3 Events</a>, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-error">HTML5</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-error">XHR L2</a></td>
      <td>Fired when a resource fails to load (network error, script execution error, etc).</td>
    </tr>
    <tr>
      <td>{{ domevent("focus") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>{{ domxref("Element") }} (except <code>&lt;body&gt;</code> and <code>&lt;frameseet&gt;</code>), {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3 Events</a></td>
      <td>Fired when an element receives focus.</td>
    </tr>
    <tr>
      <td>{{ domevent("focusin") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusin">DOM L3 Events</a></td>
      <td>
        <p>Fired when an event target is about to receive focus but before the focus is shifted. This event occurs right before the focus event.</p>
        <p>{{ unimplemented_inline() }} in Gecko ({{ bug("687787") }}).</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("focusout") }}</td>
      <td>{{ domxref("FocusEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3 Events</a></td>
      <td>
        <p>Fired when an event target is about to lose focus but before the focus is shifted. This event occurs right before the blur event.</p>
        <p>{{ unimplemented_inline() }} in Gecko ({{ bug("687787") }}).</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("hashchange") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("incoming") }}</td>
      <td>{{ domxref("CallEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="link-https" href="https://wiki.mozilla.org/WebAPI/WebTelephony" title="https://wiki.mozilla.org/WebAPI/WebTelephony">WebTelephony</a></td>
      <td>Fired when a new call is detected.</td>
    </tr>
    <tr>
      <td>{{ domeventxref("input") }}</td>
      <td>{{ domxref("Event") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td><a class="external" href="http://dev.w3.org/html5/spec/common-input-element-apis.html#common-event-behaviors" title="http://dev.w3.org/html5/spec/common-input-element-apis.html#common-event-behaviors">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("invalid") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("keydown") }}</td>
      <td>{{ domxref("KeyboardEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3 Events</a></td>
      <td>Fired when a key is initially pressed. This is sent after any key mapping is performed, but before any input method editors receive the keypress. This is sent for any key, even if it doesn't generate a character code.</td>
    </tr>
    <tr>
      <td>{{ domevent("keypress") }}</td>
      <td>{{ domxref("KeyboardEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3 Events</a></td>
      <td>
        <p>Fired when a key is initially pressed, but only if that key normally produces a character value. This is sent after any key mapping is performed, but before any input method editors receive the keypress.</p>
        <div class="note">
          <strong>Note:</strong> This is sent in addition to, not instead of, the {{ domevent("keydown") }}&nbsp;event.</div>
        <p>This event has been deprecated in favor of {{ domevent("input") }}.</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("keyup") }}</td>
      <td>{{ domxref("KeyboardEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3 Events</a></td>
      <td>Fired when a key is released. This is sent after any key mapping is performed, and always follows the corresponding {{ domevent("keydown") }} and {{ domevent("keypress") }}&nbsp;events.</td>
    </tr>
    <tr>
      <td>{{ domevent("load") }}</td>
      <td>{{ domxref("Event") }} (may also be {{ domxref("UIEvent") }} and {{ domxref("ProgressEvent") }})</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3 Events</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-load">XHR L2</a></td>
      <td>Fired when the resource (document, element, defaultView) and depending resources (images, script downloading and execution, css loading, etc.) are loaded.</td>
    </tr>
    <tr>
      <td>{{ domevent("loadeddata") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("loadedmetadata") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("loadend") }}</td>
      <td>{{ domxref("ProgressEvent") }}</td>
      <td>{{ domxref("XMLHttpRequest") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadend">XHR L2</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("loadstart") }}</td>
      <td>{{ domxref("Event") }} (may be {{ domxref("ProgressEvent") }})</td>
      <td>{{ domxref("HTMLMediaElement") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadstart">HTML5</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-loadstart">XHR L2</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("message") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("mousedown") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domeventxref("mouseenter") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3 Events</a></td>
      <td>Fired when entering an element or any of its descendants.</td>
    </tr>
    <tr>
      <td>{{ domeventxref("mouseleave") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3 Events</a></td>
      <td>Fired when leaving an element and all of its descendants.</td>
    </tr>
    <tr>
      <td>{{ domevent("mousemove") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("mouseout") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("mouseover") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("mouseup") }}</td>
      <td>{{ domxref("MouseEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3 Events</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domeventxref("mousewheel") }}</td>
      <td>{{ domxref("MouseWheelEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>
        <p>{{ unimplemented_inline() }} in Gecko, supported by IE, Webkit and Opera.</p>
        <p>see gecko-specific {{ domeventxref("DOMMouseScroll") }} equivalent</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("mozfullscreenchange") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Document") }}</td>
      <td>{{ experimental_inline() }}</td>
      <td>Sent to a document when an element its contains is granted full-screen mode, or leaves it. See <a href="/en/DOM/Using_full-screen_mode" title="en/DOM/Using full-screen mode">Using full-screen mode</a> for details. {{ gecko_minversion_inline("9.0") }}</td>
    </tr>
    <tr>
      <td>{{ domevent("offline") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5</a></td>
      <td>Can be used on window, document, or document.body, see <a href="/en/Online_and_offline_events" title="en/Online_and_offline_events">Online_and_offline_events</a>. {{ gecko_minversion_inline("1.9") }}</td>
    </tr>
    <tr>
      <td>{{ domevent("online") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5</a></td>
      <td>Can be used on window, document, or document.body, see <a href="/en/Online_and_offline_events" title="en/Online_and_offline_events">Online_and_offline_events</a>. {{ gecko_minversion_inline("1.9") }}</td>
    </tr>
    <tr>
      <td>{{ domevent("pagehide") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("pageshow") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("pause") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("play") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("playing") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("popstate") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>See <a href="/en/DOM/window.onpopstate" title="en/DOM/window.onpopstate">window.onpopstate</a> and <a href="/en/DOM/Manipulating_the_browser_history" title="en/DOM/Manipulating_the_browser_history">Manipulating the browser history</a>.</td>
    </tr>
    <tr>
      <td>{{ domevent("progress") }}</td>
      <td>{{ domxref("Event") }} (may be {{ domxref("ProgressEvent") }})</td>
      <td>{{ domxref("HTMLMediaElement") }}, {{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-progress">HTML5</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-progress">XHR L2</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("ratechange") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("readystatechange") }}</td>
      <td>{{ domxref("Event") }}</td>
      <td>{{ domxref("Document") }}, {{ domxref("XMLHttpRequest") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#event-readystatechange">HTML5</a>, <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-readystatechange">XHR L2</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("received") }}</td>
      <td>{{ domxref("SmsEvent") }}</td>
      <td>{{ domxref("SmsManager") }}</td>
      <td><a class="link-https" href="https://wiki.mozilla.org/WebAPI/WebSMS">WebSMS API</a></td>
      <td>Fired when an SMS is received.</td>
    </tr>
    <tr>
      <td>{{ domevent("reset") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("resize") }}</td>
      <td>{{ domxref("UIEvent") }}</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3 Events</a></td>
      <td>Fired when the browser window is resized. May apply to &lt;iframe&gt;s.</td>
    </tr>
    <tr>
      <td>{{ domevent("scroll") }}</td>
      <td>{{ domxref("UIEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3 Events</a></td>
      <td>Fired when a user scrolls a document or an element.</td>
    </tr>
    <tr>
      <td>{{ domevent("seeked") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("seeking") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("select") }}</td>
      <td>{{ domxref("UIEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3 Events</a></td>
      <td>Fired when a user selects some text.</td>
    </tr>
    <tr>
      <td>{{ domevent("sent") }}</td>
      <td>{{ domxref("SmsEvent") }}</td>
      <td>{{ domxref("SmsManager") }}</td>
      <td><a class="link-https" href="https://wiki.mozilla.org/WebAPI/WebSMS">WebSMS API</a></td>
      <td>Fired when an SMS is sent.</td>
    </tr>
    <tr>
      <td>{{ domevent("show") }}</td>
      <td>{{ domxref("Event") }}</td>
      <td>{{ domxref("HTMLMenuElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#context-menus">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("stalled") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("storage") }}</td>
      <td>{{ domxref("StorageEvent") }}</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("submit") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("suspend") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("textinput") }}</td>
      <td>{{ domxref("TextInput") }}</td>
      <td>{{ domxref("Element") }}</td>
      <td>textinput/textInput event was defined in old DOM Level3 Events. However, it was removed.</td>
      <td>
        <p>IE and WebKit support this (the event name is textinput on IE, textInput on WebKit).</p>
        <p>{{ deprecated_inline() }} in favor of {{ domevent("input") }} event (see <a class="link-https" href="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12958" title="https://www.w3.org/Bugs/Public/show_bug.cgi?id=12958">bug 12958</a>).</p>
      </td>
    </tr>
    <tr>
      <td>{{ domevent("timeout") }}</td>
      <td>{{ domxref("ProgressEvent") }}</td>
      <td>{{ domxref("XMLHttpRequest") }}, {{ domxref("XMLHttpRequestUpload") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/#event-xhr-timeout">XHR L2</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("timeupdate") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("touchstart") }}</td>
      <td>{{ domxref("TouchEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/touch-events/#dfn-touchstart">Touch events v1</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("touchmove") }}</td>
      <td>{{ domxref("TouchEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/touch-events/#dfn-touchmove">Touch events v1</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("touchend") }}</td>
      <td>{{ domxref("TouchEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/touch-events/#dfn-touchend">Touch events v1</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("touchcancel") }}</td>
      <td>{{ domxref("TouchEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/touch-events/#dfn-touchcancel">Touch events v1</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("unload") }}</td>
      <td>{{ domxref("UIEvent") }}</td>
      <td>{{ domxref("Window") }}, {{ HTMLElement("body") }}, {{ HTMLElement("frameset") }}</td>
      <td><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3 Events</a></td>
      <td>Fired when the resource (document, element, defaultView) or any depending resources (images, CSS file, etc.) is removed from the environment.</td>
    </tr>
    <tr>
      <td>{{ domevent("userproximity") }}</td>
      <td>{{ domxref("UserProximityEvent") }}</td>
      <td>&nbsp;</td>
      <td><a href="http://www.w3.org/TR/proximity/">Proximity Events</a></td>
      <td>Fired when a proximity sensor has sensed the presence of a nearby physical object.</td>
    </tr>
    <tr>
      <td>{{ domevent("volumechange") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domevent("waiting") }}</td>
      <td>&nbsp;</td>
      <td>{{ domxref("HTMLMediaElement") }}</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5</a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{ domeventxref("wheel") }}</td>
      <td>{{ domxref("WheelEvent") }}</td>
      <td>{{ domxref("Element") }}, {{ domxref("Document") }}, {{ domxref("Window") }}</td>
      <td><a class="external" href="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-wheel" title="http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-wheel">DOM L3 Events</a></td>
      <td>{{ gecko_minversion_inline("17.0") }}</td>
    </tr>
  </tbody>
</table>
<h2 id="Specifications">Specifications</h2>
<p><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/">DOM Level 3 Events</a> (W3C Working Draft)</p>
<h2 id="See_also">See also</h2>
<ul>
  <li><a href="/en/DOM/element#Event_Handlers" title="en/DOM/element#Event_Handlers">DOM Reference: Event Handlers</a> (on*)</li>
  <li><a href="/en/Gecko-Specific_DOM_Events" title="en/Gecko-Specific_DOM_Events">Gecko-Specific DOM Events</a></li>
  <li><a href="/en/XUL/Events" title="en/XUL/Events">XUL Events</a></li>
</ul>
<!-- languages( { &quot;ja&quot;: &quot;ja/DOM/DOM_event_reference&quot;,&quot;zh-cn&quot;: &quot;zh-cn/DOM/DOM_event_reference&quot;&nbsp; } ) -->
Revert to this revision