Event reference

  • Revision slug: DOM/Mozilla_event_reference
  • Revision title: Mozilla event reference
  • Revision id: 371963
  • Created:
  • Creator: Jeremie
  • Is current revision? No
  • Comment

Revision Content

There are a lot of events that can be fired in Mozilla code. Some of these are standard events, such as those created by the DOM. Others are internal to Gecko or other parts of Mozilla application code. This reference will help you track those events down and learn how to use them.

Standard Events

Event Name Event Type Specification Fired when...
{{event("abort")}} {{domxref("UIEvent")}} DOM L3 The loading of a resource has been aborted.
abort {{domxref("ProgressEvent")}} Progress Progression has been terminated (not due to an error).
abort   IndexedDB A transaction has been aborted.
{{event("afterprint")}} {{gecko_minversion_inline("6")}} {{domxref("Event")}} HTML5 The associated document has started printing or the print preview has been closed.
{{event("animationend")}} {{domxref("AnimationEvent")}} CSS Animations A CSS animation has completed.
{{event("animationiteration")}} {{domxref("AnimationEvent")}} CSS Animations A CSS animation is repeated.
{{event("animationstart")}} {{domxref("AnimationEvent")}} CSS Animations A CSS animation has started.
{{event("beforeprint")}} {{gecko_minversion_inline("6")}} {{domxref("Event")}} HTML5 The associated document is about to be printed or previewed for printing.
{{event("beforeunload")}} {{domxref("BeforeUnloadEvent")}} HTML5  
{{event("beginEvent")}} {{domxref("TimeEvent")}} SVG A SMIL animation element begins.
blocked   IndexedDB An open connection to a database is blocking a versionchange transaction on the same database.
{{event("blur")}} {{domxref("FocusEvent")}} DOM L3 An element has lost focus (does not bubble).
{{event("cached")}} {{domxref("Event")}} Offline The resources listed in the manifest have been downloaded, and the application is now cached.
{{event("canplay")}} {{domxref("Event")}} HTML5 media The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
{{event("canplaythrough")}} {{domxref("Event")}} HTML5 media The user agent can play the media, and estimates that enough data has been loaded to play the media up to its end without having to stop for further buffering of content.
{{event("change")}} HTMLEvents (DOM L2) or {{domxref("Event")}} (HTML5) DOM L2, HTML5 An element loses focus and its value changed since gaining focus.
{{event("chargingchange")}} {{domxref("Event")}} Battery status The battery begins or stops charging.
{{event("chargingtimechange")}} {{domxref("Event")}} Battery status The chargingTime attribute has been updated.
{{event("checking")}} {{domxref("Event")}} Offline The user agent is checking for an update, or attempting to download the cache manifest for the first time.
{{event("click")}} {{domxref("MouseEvent")}} DOM L3 A pointing device button has been pressed and released on an element.
close {{domxref("Event")}} WebSocket A WebSocket connection has been closed.
{{event("compassneedscalibration")}} {{notimplemented_inline()}} {{domxref("SensorEvent")}} Orientation The compass used to obtain orientation data is in need of calibration.
{{event("compositionend")}} {{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 The composition of a passage of text has been completed or canceled.
{{event("compositionstart")}} {{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).
{{event("compositionupdate")}} {{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 A character is added to a passage of text being composed.
complete   IndexedDB The transaction successfully completed.
{{event("contextmenu")}} {{domxref("MouseEvent")}} HTML5 The right button of the mouse is clicked (before the context menu is displayed).
{{event("copy")}} {{domxref("ClipboardEvent")}} Clipboard The text selection has been added to the clipboard.
{{event("cut")}} {{domxref("ClipboardEvent")}} Clipboard The text selection has been removed from the document and added to the clipboard.
{{event("dblclick")}}" {{domxref("MouseEvent")}} DOM L3 A pointing device button is clicked twice on an element.
{{event("devicehumidity")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a humidity sensor.
{{event("devicelight")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a light sensor.
{{event("devicemotion")}} {{domxref("SensorEvent")}} Orientation Fresh data is available from a motion sensor.
{{event("devicenoise")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a noise sensor.
{{event("deviceorientation")}} {{domxref("SensorEvent")}} Orientation Fresh data is available from an orientation sensor.
{{event("devicepressure")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a pressure sensor.
{{event("deviceproximity")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a proximity sensor (indicates an approximated distance between the device and a nearby object).
{{event("devicetemperature")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a temperature sensor.
{{event("dischargingtimechange")}} {{domxref("Event")}} Battery status The dischargingTime attribute has been updated.
DOMActivate {{deprecated_inline()}} {{domxref("UIEvent")}} DOM L3 A button, link or state changing element is activated (use {{event("click")}} instead).
DOMAttributeNameChanged {{deprecated_inline()}} MutationNameEvent DOM L3 {{removed_inline()}} The name of an attribute changed (use mutation observers instead).
DOMAttrModified {{deprecated_inline()}} MutationEvent DOM L3 The value of an attribute has been modified (use mutation observers instead).
DOMCharacterDataModified {{deprecated_inline()}} MutationEvent DOM L3 A text or another CharacterData has changed (use mutation observers instead).
{{event("DOMContentLoaded")}} {{domxref("Event")}} HTML5 The document has finished loading (but not its dependent resources).
DOMElementNameChanged {{deprecated_inline()}} MutationNameEvent DOM L3 {{removed_inline()}} The name of an element changed (use mutation observers instead).
DOMFocusIn {{deprecated_inline()}} {{notimplemented_inline()}} {{domxref("FocusEvent")}} DOM L3 An element has received focus (use {{event("focus")}} or {{event("focusin")}} instead).
DOMFocusOut {{deprecated_inline()}} {{notimplemented_inline()}} {{domxref("FocusEvent")}} DOM L3 An element has lost focus (use {{event("blur")}} or {{event("focusout")}} instead).
DOMNodeInserted {{deprecated_inline()}} MutationEvent DOM L3 A node has been added as a child of another node (use mutation observers instead).
DOMNodeInsertedIntoDocument {{deprecated_inline()}} MutationEvent DOM L3 A node has been inserted into the document (use mutation observers instead).
DOMNodeRemoved {{deprecated_inline()}} MutationEvent DOM L3 A node has been removed from its parent node (use mutation observers instead).
DOMNodeRemovedFromDocument {{deprecated_inline()}} MutationEvent DOM L3 A node has been removed from the document (use mutation observers instead).
DOMSubtreeModified {{deprecated_inline()}} MutationEvent DOM L3 A change happened in the document (use mutation observers instead).
{{event("downloading")}} {{domxref("Event")}} Offline The user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.
{{event("drag")}} {{domxref("DragEvent")}} HTML5 An element or text selection is being dragged (every 350ms).
{{event("dragend")}} {{domxref("DragEvent")}} HTML5 A drag operation is being ended (by releasing a mouse button or hitting the escape key).
{{event("dragenter")}} {{domxref("DragEvent")}} HTML5 A dragged element or text selection enters a valid drop target.
{{event("dragleave")}} {{domxref("DragEvent")}} HTML5 A dragged element or text selection enters a valid drop target.
{{event("dragover")}} {{domxref("DragEvent")}} HTML5 An element or text selection is being dragged over a valid drop target (every 350ms).
{{event("dragstart")}} {{domxref("DragEvent")}} HTML5 The user starts dragging an element or text selection.
{{event("drop")}} {{domxref("DragEvent")}} HTML5 An element is dropped on a valid drop target.
{{event("durationchange")}} {{domxref("Event")}} HTML5 media The duration attribute has been updated.
{{event("emptied")}} {{domxref("Event")}} HTML5 media The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the load() method is called to reload it.
{{event("ended")}} {{domxref("Event")}} HTML5 media Playback has stopped because the end of the media was reached.
{{event("endEvent")}} {{domxref("TimeEvent")}} SVG A SMIL animation element ends.
{{event("error")}} {{domxref("UIEvent")}} DOM L3 A resource failed to load.
error {{domxref("ProgressEvent")}} Progress Progression has failed.
error {{domxref("Event")}} Offline An error occurred while downloading the cache manifest or updating the content of the application.
error {{domxref("Event")}} WebSocket A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).
error {{domxref("Event")}} Server Sent Events An event source connection has been failed.
error   IndexedDB A request caused an error and failed.
{{event("focus")}} {{domxref("FocusEvent")}} DOM L3 An element has received focus (does not bubble).
{{event("focusin")}} {{notimplemented_inline(687787)}} {{domxref("FocusEvent")}} DOM L3 An element is about to receive focus (bubbles).
{{event("focusout")}} {{notimplemented_inline(687787)}} {{domxref("FocusEvent")}} DOM L3 An element is about to loose focus (bubbles).
{{event("fullscreenchange")}} {{gecko_minversion_inline("9")}} {{domxref("Event")}} Full Screen An element was turned to fullscreen mode or back to normal mode.
{{event("fullscreenerror")}} {{gecko_minversion_inline("9")}} {{domxref("Event")}} Full Screen It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.
{{event("gamepadconnected")}}   Gamepad A gamepad has been connected.
{{event("gamepaddisconnected")}}   Gamepad A gamepad has been disconnected.
{{event("hashchange")}} {{domxref("HashChangeEvent")}} HTML5 The fragment identifier of the URL has changed (the part of the URL after the #).
{{event("input")}} {{domxref("Event")}} HTML5 The value of an element changes or the content of an element with the attribute contenteditable is modified.
{{event("invalid")}} {{domxref("Event")}} HTML5 A submittable element has been checked and doesn't satisfy its constraints.
{{event("keydown")}} {{domxref("KeyboardEvent")}} DOM L3 A key is pressed down.
{{event("keypress")}} {{domxref("KeyboardEvent")}} DOM L3 A key is pressed down and that key normally produces a character value (use input instead).
{{event("keyup")}} {{domxref("KeyboardEvent")}} DOM L3 A key is released.
{{event("levelchange")}} {{domxref("Event")}} Battery status The level attribute has been updated.
{{event("load")}} {{domxref("UIEvent")}} DOM L3 A resource and its dependent resources have finished loading.
load {{domxref("ProgressEvent")}} Progress Progression has been successful.
{{event("loadeddata")}} {{domxref("Event")}} HTML5 media The first frame of the media has finished loading.
{{event("loadedmetadata")}} {{domxref("Event")}} HTML5 media The metadata has been loaded.
{{event("loadend")}} {{domxref("ProgressEvent")}} Progress Progress has stopped (after "error", "abort" or "load" have been dispatched).
{{event("loadstart")}} {{domxref("ProgressEvent")}} Progress Progress has begun.
message {{domxref("MessageEvent")}} WebSocket A message is received through a WebSocket.
message {{domxref("MessageEvent")}} Web Workers A message is received from a Web Worker.
message {{domxref("MessageEvent")}} Web Messaging A message is received from a child (i)frame or a parent window.
message {{domxref("MessageEvent")}} Server Sent Events A message is received through an event source.
{{event("mousedown")}} {{domxref("MouseEvent")}} DOM L3 A pointing device button (usually a mouse) is pressed on an element.
{{event("mouseenter")}} {{domxref("MouseEvent")}} DOM L3 A pointing device is moved onto the element that has the listener attached.
{{event("mouseleave")}} {{domxref("MouseEvent")}} DOM L3 A pointing device is moved off the element that has the listener attached.
{{event("mousemove")}} {{domxref("MouseEvent")}} DOM L3 A pointing device is moved over an element.
{{event("mouseout")}} {{domxref("MouseEvent")}} DOM L3 A pointing device is moved off the element that has the listener attached or off one of its children.
{{event("mouseover")}} {{domxref("MouseEvent")}} DOM L3 A pointing device is moved onto the element that has the listener attached or onto one of its children.
{{event("mouseup")}} {{domxref("MouseEvent")}} DOM L3 A pointing device button is released over an element.
{{event("noupdate")}} {{domxref("Event")}} Offline The manifest hadn't changed.
{{event("obsolete")}} {{domxref("Event")}} Offline The manifest was found to have become a 404 or 410 page, so the application cache is being deleted.
{{event("offline")}} {{domxref("Event")}} HTML5 offline The browser has lost access to the network.
{{event("online")}} {{domxref("Event")}} HTML5 offline The browser has gained access to the network (but particular websites might be unreachable).
open {{domxref("Event")}} WebSocket A WebSocket connection has been established.
open {{domxref("Event")}} Server Sent Events An event source connection has been established.
{{event("orientationchange")}} {{domxref("Event")}} Screen Orientation The orientation of the device (portrait/landscape) has changed
{{event("pagehide")}} {{domxref("PageTransitionEvent")}} HTML5 A session history entry is being traversed from.
{{event("pageshow")}} {{domxref("PageTransitionEvent")}} HTML5 A session history entry is being traversed to.
{{event("paste")}} {{domxref("ClipboardEvent")}} Clipboard Data has been transfered from the system clipboard to the document.
{{event("pause")}} {{domxref("Event")}} HTML5 media Playback has been paused.
{{event("pointerlockchange")}} {{domxref("Event")}} Pointer Lock The pointer was locked or released.
{{event("pointerlockerror")}} {{domxref("Event")}} Pointer Lock It was impossible to lock the pointer for technical reasons or because the permission was denied.
{{event("play")}} {{domxref("Event")}} HTML5 media Playback has begun.
{{event("playing")}} {{domxref("Event")}} HTML5 media Playback is ready to start after having been paused or delayed due to lack of data.
{{event("popstate")}} {{domxref("PopStateEvent")}} HTML5 A session history entry is being navigated to (in certain cases).
{{event("progress")}} {{domxref("ProgressEvent")}} Progress In progress.
progress {{domxref("ProgressEvent")}} Offline The user agent is downloading resources listed by the manifest.
{{event("ratechange")}} {{domxref("Event")}} HTML5 media The playback rate has changed.
{{event("readystatechange")}} {{domxref("Event")}} HTML5 The readyState attribute of a document has changed.
{{event("repeatEvent")}} {{domxref("TimeEvent")}} SVG A SMIL animation element is repeated.
{{event("reset")}} HTMLEvents (DOM L2) or {{domxref("Event")}} (HTML5) DOM L2, HTML5 A form is reset.
{{event("resize")}} {{domxref("UIEvent")}} DOM L3 The document view has been resized.
{{event("scroll")}} {{domxref("UIEvent")}} DOM L3 The document view or an element has been scrolled.
{{event("seeked")}} {{domxref("Event")}} HTML5 media A seek operation completed.
{{event("seeking")}} {{domxref("Event")}} HTML5 media A seek operation began.
{{event("select")}} {{domxref("UIEvent")}} DOM L3 Some text is being selected.
{{event("show")}} {{domxref("MouseEvent")}} HTML5 A contextmenu event was fired on/bubbled to an element that has a contextmenu attribute
{{event("stalled")}} {{domxref("Event")}} HTML5 media The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.
{{event("storage")}} {{domxref("StorageEvent")}} Web Storage A storage area (localStorage or sessionStorage) has changed.
{{event("submit")}} HTMLEvents (DOM L2) or {{domxref("Event")}} (HTML5) DOM L2, HTML5 A form is submitted.
success {{domxref("Event")}} IndexedDB A request successfully completed.
{{event("suspend")}} {{domxref("Event")}} HTML5 media Media data loading has been suspended.
{{event("SVGAbort")}} {{domxref("SVGEvent")}} SVG Page loading has been stopped before the SVG was loaded.
{{event("SVGError")}} {{domxref("SVGEvent")}} SVG An error has occurred before the SVG was loaded.
{{event("SVGLoad")}} {{domxref("SVGEvent")}} SVG An SVG document has been loaded and parsed.
{{event("SVGResize")}} {{domxref("SVGEvent")}} SVG An SVG document is being resized.
{{event("SVGScroll")}} {{domxref("SVGEvent")}} SVG An SVG document is being scrolled.
{{event("SVGUnload")}} {{domxref("SVGEvent")}} SVG An SVG document has been removed from a window or frame.
{{event("SVGZoom")}} {{domxref("SVGZoomEvent")}} SVG An SVG document is being zoomed.
{{event("timeupdate")}} {{domxref("Event")}} HTML5 media The time indicated by the currentTime attribute has been updated.
{{event("touchcancel")}} {{domxref("TouchEvent")}} Touch Events A touch point has been disrupted in an implementation-specific manners (too many touch points for example).
{{event("touchend")}}" {{domxref("TouchEvent")}} Touch Events A touch point is removed from the touch surface.
{{event("touchenter")}} {{domxref("TouchEvent")}} Touch Events {{removed_inline()}} A touch point is moved onto the interactive area of an element.
{{event("touchleave")}} {{domxref("TouchEvent")}} Touch Events {{removed_inline()}} A touch point is moved off the interactive area of an element.
{{event("touchmove")}} {{domxref("TouchEvent")}} Touch Events A touch point is moved along the touch surface.
{{event("touchstart")}} {{domxref("TouchEvent")}} Touch Events A touch point is placed on the touch surface.
{{event("transitionend")}} {{domxref("TransitionEvent")}} CSS Transitions A CSS transition has completed.
{{event("unload")}} {{domxref("UIEvent")}} DOM L3 The document or a dependent resource is being unloaded.
{{event("updateready")}} {{domxref("Event")}} Offline The resources listed in the manifest have been newly redownloaded, and the script can use swapCache() to switch to the new cache.
upgradeneeded   IndexedDB An attempt was made to open a database with a version number higher than its current version. A versionchange transaction has been created.
{{event("userproximity")}} {{domxref("SensorEvent")}} Sensor Fresh data is available from a proximity sensor (indicates whether the nearby object is near the device or not).
versionchange   IndexedDB A versionchange transaction completed.
{{event("visibilitychange")}} {{domxref("Event")}} Page visibility The content of a tab has become visible or has been hidden.
{{event("volumechange")}} {{domxref("Event")}} HTML5 media The volume has changed.
{{event("waiting")}} {{domxref("Event")}} HTML5 media Playback has stopped because of a temporary lack of data.
{{event("wheel")}} {{gecko_minversion_inline("17")}} {{domxref("WheelEvent")}} DOM L3 A wheel button of a pointing device is rotated in any direction.

Non standard Events

Event Name Event Type Specification Fired when...
{{event("afterscriptexecute")}} {{domxref("Event")}} Mozilla Specific A script has been executed.
{{event("beforescriptexecute")}} {{domxref("Event")}} Mozilla Specific A script is about to be executed.
{{event("connectionInfoUpdate")}}   Firefox OS specific The informations about the signal strength and the link speed have been updated.
{{event("DOMMouseScroll")}} {{deprecated_inline()}}   Mozilla specific The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{event("wheel")}} instead)
dragdrop {{deprecated_inline()}} DragEvent Mozilla specific An element is dropped (use {{event("drop")}} instead).
dragexit {{deprecated_inline()}} DragEvent Mozilla specific A drag operation is being ended(use {{event("dragend")}} instead).
draggesture {{deprecated_inline()}} DragEvent Mozilla specific The user starts dragging an element or text selection (use {{event("dragstart")}} instead).
{{event("localized")}}   Mozilla Specific The page has been localized using data-l10n-* attributes.
{{event("mousewheel")}} {{deprecated_inline()}} {{notimplemented_inline()}}   IE invented The wheel button of a pointing device is rotated.
{{event("MozAudioAvailable")}} {{domxref("Event")}} Mozilla specific The audio buffer is full and the corresponding raw samples are available.
{{event("MozGamepadAxisMove")}}   To be specified A gampad axis is moving.
{{event("MozGamepadButtonDown")}}   To be specified A gamepad button is pressed down.
{{event("MozGamepadButtonUp")}}   To be specified A gamepad button is released.
{{event("MozMousePixelScroll")}} {{deprecated_inline()}}   Mozilla specific The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)
{{event("MozOrientation")}} {{deprecated_inline()}}   Mozilla specific Fresh data is available from an orientation sensor (see deviceorientation).
{{event("MozScrolledAreaChanged")}} {{domxref("UIEvent")}} Mozilla specific The document view has been scrolled or resized.
MozTouchDown {{deprecated_inline()}}   Mozilla specific A touch point is placed on the touch surface (use touchstart instead).
MozTouchMove {{deprecated_inline()}}   Mozilla specific A touch point is moved along the touch surface (use touchmove instead).
MozTouchUp {{deprecated_inline()}}   Mozilla specific A touch point is removed from the touch surface (use touchend instead).
onalerting {{domxref("CallEvent")}} To be specified The correspondent is being alerted (his/her phone is ringing).
onbusy {{domxref("CallEvent")}} To be specified The line of the correspondent is busy.
oncallschanged {{domxref("CallEvent")}} To be specified A call has been added or removed from the list of current calls.
onconnected {{domxref("CallEvent")}} To be specified A call has been connected.
onconnecting {{domxref("CallEvent")}} To be specified A call is about to connect.
ondelivered {{domxref("SMSEvent")}} To be specified An SMS has been successfully delivered.
ondialing {{domxref("CallEvent")}} To be specified The number of a correspondent has been dialed.
{{event("ondisabled")}}   Firefox OS specific Wifi has been disabled on the device.
ondisconnected {{domxref("CallEvent")}} To be specified A call has been disconnected.
ondisconnecting {{domxref("CallEvent")}} To be specified A call is about to disconnect.
{{event("onenabled")}}   Firefox OS specific Wifi has been enabled on the device.
onerror {{domxref("CallEvent")}} To be specified An error occurred.
onheld {{domxref("CallEvent")}} To be specified A call has been held.
onholding {{domxref("CallEvent")}} To be specified A call is about to be held.
onincoming {{domxref("CallEvent")}} To be specified A call is being received.
onreceived {{domxref("SMSEvent")}} To be specified An SMS has been received.
onresuming {{domxref("CallEvent")}} To be specified A call is about to resume.
onsent {{domxref("SMSEvent")}} To be specified An SMS has been sent.
onstatechange {{domxref("CallEvent")}} To be specified The state of a call has changed.
onstatuschange   Firefox OS specific The status of the Wifi connection changed.
{{event("overflow")}} {{domxref("UIEvent")}} Mozilla specific An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with overflow != visible).
{{event("smartcard-insert")}}   Mozilla specific A smartcard has been inserted.
{{event("smartcard-remove")}}   Mozilla specific A smartcard has been removed.
text   Mozilla Specific A generic composition event occurred.
{{event("underflow")}}" {{domxref("UIEvent")}} Mozilla specific An element is no longer overflowed by its content (only works for elements styled with overflow != visible).
uploadprogress {{deprecated_inline()}} {{domxref("ProgressEvent")}} Mozilla Specific Upload is in progress (see {{event("progress")}}).

Mozilla specific events

Note: those events are never exposed to web content and can only be used in chrome content context.

XUL events

Event Name Event Type Specification Fired when...
{{event("broadcast")}}   XUL An observer noticed a change to the attributes of a watched broadcaster.
{{event("CheckboxStateChange")}}   XUL The state of a checkbox has been changed either by a user action or by a script (useful for accessibility).
close   XUL The close button of the window has been clicked.
{{event("command")}}   XUL An element has been activated.
{{event("commandupdate")}}   XUL A command update occurred on a commandset element.
{{event("DOMMenuItemActive")}}   XUL A menu or menuitem has been hovered or highlighted.
{{event("DOMMenuItemInactive")}}   XUL A menu or menuitem is no longer hovered or highlighted.
{{event("popuphidden")}} PopupEvent XUL A menupopup, panel or tooltip has been hidden.
{{event("popuphiding")}} PopupEvent XUL A menupopup, panel or tooltip is about to be hidden.
{{event("popupshowing")}} PopupEvent XUL A menupopup, panel or tooltip is about to become visible.
{{event("popupshown")}} PopupEvent XUL A menupopup, panel or tooltip has become visible.
{{event("RadioStateChange")}}   XUL The state of a radio has been changed either by a user action or by a script (useful for accessibility).
{{event("ValueChange")}}   XUL The value of an element has changed (a progress bar for example, useful for accessibility).

Addons specific events

Event Name Event Type Specification Fired when...
MozSwipeGesture   Addons specific A touch point is swiped across the touch surface
MozMagnifyGestureStart   Addons specific Two touch points start to move away from each other.
MozMagnifyGestureUpdate   Addons specific Two touch points move away from each other (after a MozMagnifyGestureStart).
MozMagnifyGesture   Addons specific Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).
MozRotateGestureStart   Addons specific Two touch points start to rotate around a point.
MozRotateGestureUpdate   Addons specific Two touch points rotate around a point (after a MozRotateGestureStart).
MozRotateGesture   Addons specific Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).
MozTapGesture   Addons specific Two touch points are tapped on the touch surface.
MozPressTapGesture   Addons specific A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).
MozEdgeUIGesture   Addons specific A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).
MozAfterPaint   Addons specific Content has been repainted.
MozBeforeResize   Addons specific A window is about to be resized.
DOMPopupBlocked   Addons specific A popup has been blocked
DOMWindowCreated   Addons specific A window has been created.
DOMWindowClose   Addons specific A window is about to be closed.
DOMTitleChanged   Addons specifc The title of a window has changed.
DOMLinkAdded   Addons specifc A link has been added a document.
DOMLinkRemoved   Addons specifc A link has been removed inside from a document.
DOMMetaAdded   Addons specific A meta element has been added to a document.
DOMMetaRemoved   Addons specific A meta element has been removed from a document.
DOMWillOpenModalDialog   Addons specific A modal dialog is about to open.
DOMModalDialogClosed   Addons specific A modal dialog has been closed.
DOMAutoComplete   Addons specific The content of an element has been auto-completed.
DOMFrameContentLoaded   Addons specific The frame has finished loading (but not its dependent resources).
AlertActive   Addons specific A notification element is shown.
AlertClose   Addons specific A notification element is closed.
fullscreen   Addons specific Browser fullscreen mode has been entered or left.
sizemodechange   Addons specific Window has entered/left fullscreen mode, or has been minimized/unminimized.
MozEnteredDomFullscreen   Addons specific DOM fullscreen mode has been entered.
SSWindowClosing   Addons specific The session store will stop tracking this window.
SSTabClosing   Addons specific The session store will stop tracking this tab.
SSTabRestoring   Addons specific A tab is about to be restored.
SSTabRestored   Addons specific A tab has been restored.
SSWindowStateReady   Addons specific A window state has switched to "ready".
SSWindowStateBusy   Addons specific A window state has switched to "busy".
tabviewsearchenabled   Addons specific The search feature of Panorama has been activated
tabviewsearchdisabled   Addons specific The search feature of Panorama has been deactivated
tabviewframeinitialized   Addons specific The frame container of Panorama has been initialized
tabviewshown   Addons specific The Panorama tab has been shown
tabviewhidden   Addons specific The Panorama tab has been hidden
TabOpen   Addons specific A tab has been opened.
TabClose   Addons specific A tab has been closed.
TabSelect   Addons specific A tab has been selected.
TabShow   Addons specific A tab has been shown.
TabHide   Addons specific A tab has been hidden.
TabPinned   Addons specific A tab has been pinned.
TabUnpinned   Addons specific A tab has been unpinned.

Devtools specific events

Event Name Event Type Specification Fired when...
CssRuleViewRefreshed   devtools specific The "Rules" view of the style inspector has been updated.
CssRuleViewChanged   devtools specific The "Rules" view of the style inspector has been changed.
CssRuleViewCSSLinkClicked   devtools specific A link to a CSS file has been clicked in the "Rules" view of the style inspector.

 

Revision Source

<p>There are a lot of events that can be fired in Mozilla code. Some of these are standard events, such as those created by the DOM. Others are internal to Gecko or other parts of Mozilla application code. This reference will help you track those events down and learn how to use them.</p>
<h2 id="Standard_Events">Standard Events</h2>
<table class="standard-table" style="width: 100%">
  <tbody>
    <tr>
      <th class="header" style="width: 220px;">Event Name</th>
      <th class="header" style="width: 90px;">Event Type</th>
      <th class="header" style="width: 100px;">Specification</th>
      <th class="header">Fired when...</th>
    </tr>
    <tr>
      <td>{{event("abort")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-abort">DOM L3</a></td>
      <td>The loading of a resource has been aborted.</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/Mozilla_event_reference/abort_(ProgressEvent)">abort</a></code></td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>Progression has been terminated (not due to an error).</td>
    </tr>
    <!--<tr>
      <td>abort</td>
      <td>Event</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-abort">HTML5 media</a></td>
      <td>Media data loading has been stopped before the media was completely downloaded (not due to an error).</td>
    </tr>-->
    <tr>
      <td><code><a href="/en-US/docs/Mozilla_event_reference/abort_indexedDB">abort</a></code></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
      <td>A transaction has been aborted.</td>
    </tr>
    <tr>
      <td>{{event("afterprint")}} {{gecko_minversion_inline("6")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
      <td>The associated document has started printing or the print preview has been closed.</td>
    </tr>
    <tr>
      <td>{{event("animationend")}}</td>
      <td>{{domxref("AnimationEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
      <td>A <a href="/en/CSS/CSS_animations">CSS animation</a> has completed.</td>
    </tr>
    <tr>
      <td>{{event("animationiteration")}}</td>
      <td>{{domxref("AnimationEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
      <td>A <a href="/en/CSS/CSS_animations">CSS animation</a> is repeated.</td>
    </tr>
    <tr>
      <td>{{event("animationstart")}}</td>
      <td>{{domxref("AnimationEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/css3-animations/#animation-events">CSS Animations</a></td>
      <td>A <a href="/en/CSS/CSS_animations">CSS animation</a> has started.</td>
    </tr>
    <tr>
      <td>{{event("beforeprint")}} {{gecko_minversion_inline("6")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/html5/webappapis.html#printing">HTML5</a></td>
      <td>The associated document is about to be printed or previewed for printing.</td>
    </tr>
    <tr>
      <td>{{event("beforeunload")}}</td>
      <td>{{domxref("BeforeUnloadEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/html5/browsers.html#unloading-documents">HTML5 </a></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>{{event("beginEvent")}}</td>
      <td>{{domxref("TimeEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>A <a href="/en/SVG/SVG_animation_with_SMIL">SMIL</a> animation element begins.</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/Mozilla_event_reference/blocked_indexedDB">blocked</a></code></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
      <td>An open connection to a database is blocking a <code>versionchange</code> transaction on the same database.</td>
    </tr>
    <tr>
      <td>{{event("blur")}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-blur">DOM L3</a></td>
      <td>An element has lost focus (does not bubble).</td>
    </tr>
    <tr>
      <td>{{event("cached")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The resources listed in the manifest have been downloaded, and the application is now cached.</td>
    </tr>
    <tr>
      <td>{{event("canplay")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplay">HTML5 media</a></td>
      <td>The user agent can play the media, but estimates that not enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
    </tr>
    <tr>
      <td>{{event("canplaythrough")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-canplaythrough">HTML5 media</a></td>
      <td>The user agent can play the media, and estimates that enough data has been loaded to play the media up to its end without having to stop for further buffering of content.</td>
    </tr>
    <tr>
      <td>{{event("change")}}</td>
      <td><code>HTMLEvents</code> (DOM L2) or {{domxref("Event")}} (HTML5)</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes.html#event-input-change">HTML5</a></td>
      <td>An element loses focus and its value changed since gaining focus.</td>
    </tr>
    <tr>
      <td>{{event("chargingchange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
      <td>The battery begins or stops charging.</td>
    </tr>
    <tr>
      <td>{{event("chargingtimechange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
      <td>The <code>chargingTime</code> attribute has been updated.</td>
    </tr>
    <tr>
      <td>{{event("checking")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The user agent is checking for an update, or attempting to download the cache manifest for the first time.</td>
    </tr>
    <tr>
      <td>{{event("click")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-click">DOM L3</a></td>
      <td>A pointing device button has been pressed and released on an element.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/close_websocket">close</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
      <td>A WebSocket connection has been closed.</td>
    </tr>
    <tr>
      <td>{{event("compassneedscalibration")}} {{notimplemented_inline()}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/orientation-event/#compassneedscalibration">Orientation</a></td>
      <td>The compass used to obtain orientation data is in need of calibration.</td>
    </tr>
    <tr>
      <td>{{event("compositionend")}} {{gecko_minversion_inline("9")}}</td>
      <td>{{domxref("CompositionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionend">DOM L3</a></td>
      <td>The composition of a passage of text has been completed or canceled.</td>
    </tr>
    <tr>
      <td>{{event("compositionstart")}}&nbsp;{{gecko_minversion_inline("9")}}</td>
      <td>{{domxref("CompositionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionstart">DOM L3</a></td>
      <td>The composition of a passage of text is prepared (similar to keydown for a keyboard input, but works with other inputs such as speech recognition).</td>
    </tr>
    <tr>
      <td>{{event("compositionupdate")}} {{gecko_minversion_inline("9")}}</td>
      <td>{{domxref("CompositionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-compositionupdate">DOM L3</a></td>
      <td>A character is added to a passage of text being composed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/complete_indexedDB">complete</a></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#transaction">IndexedDB</a></td>
      <td>The transaction successfully completed.</td>
    </tr>
    <tr>
      <td>{{event("contextmenu")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td>
      <td>The right button of the mouse is clicked (before the context menu is displayed).</td>
    </tr>
    <tr>
      <td>{{event("copy")}}</td>
      <td>{{domxref("ClipboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/clipboard-apis/#copy-event">Clipboard</a></td>
      <td>The text selection has been added to the clipboard.</td>
    </tr>
    <tr>
      <td>{{event("cut")}}</td>
      <td>{{domxref("ClipboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/clipboard-apis/#cut-event">Clipboard</a></td>
      <td>The text selection has been removed from the document and added to the clipboard.</td>
    </tr>
    <tr>
      <td>{{event("dblclick")}}"</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-dblclick">DOM L3</a></td>
      <td>A pointing device button is clicked twice on an element.</td>
    </tr>
    <tr>
      <td>{{event("devicehumidity")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html#datatypes">Sensor</a></td>
      <td>Fresh data is available from a humidity sensor.</td>
    </tr>
    <tr>
      <td>{{event("devicelight")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html#datatypes">Sensor</a></td>
      <td>Fresh data is available from a light sensor.</td>
    </tr>
    <tr>
      <td>{{event("devicemotion")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/orientation-event/#devicemotion">Orientation</a></td>
      <td>Fresh data is available from a motion sensor.</td>
    </tr>
    <tr>
      <td>{{event("devicenoise")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html#datatypes">Sensor</a></td>
      <td>Fresh data is available from a noise sensor.</td>
    </tr>
    <tr>
      <td>{{event("deviceorientation")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/orientation-event/#deviceorientation">Orientation</a></td>
      <td>Fresh data is available from an orientation sensor.</td>
    </tr>
    <tr>
      <td>{{event("devicepressure")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html#datatypes">Sensor</a></td>
      <td>Fresh data is available from a pressure sensor.</td>
    </tr>
    <tr>
      <td>{{event("deviceproximity")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/proximity/Overview.html">Sensor</a></td>
      <td>Fresh data is available from a proximity sensor (indicates an approximated distance between the device and a nearby object).</td>
    </tr>
    <tr>
      <td>{{event("devicetemperature")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dvcs.w3.org/hg/dap/raw-file/tip/sensor-api/Overview.html#datatypes">Sensor</a></td>
      <td>Fresh data is available from a temperature sensor.</td>
    </tr>
    <tr>
      <td>{{event("dischargingtimechange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
      <td>The <code>dischargingTime</code> attribute has been updated.</td>
    </tr>
    <tr>
      <td><code>DOMActivate</code> {{deprecated_inline()}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMActivate">DOM L3</a></td>
      <td>A button, link or state changing element is activated (use {{event("click")}} instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttributeNameChanged</a></code> {{deprecated_inline()}}</td>
      <td>MutationNameEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMAttributeNameChanged">DOM L3</a> {{removed_inline()}}</td>
      <td>The name of an attribute changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMAttrModified</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMAttrModified">DOM L3</a></td>
      <td>The value of an attribute has been modified (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMCharacterDataModified</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMCharacterDataModified">DOM L3</a></td>
      <td>A text or another <a href="/en/DOM/CharacterData">CharacterData</a> has changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td>{{event("DOMContentLoaded")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-end.html#the-end">HTML5</a></td>
      <td>The document has finished loading (but not its dependent resources).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMElementNameChanged</a></code> {{deprecated_inline()}}</td>
      <td>MutationNameEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/2011/WD-DOM-Level-3-Events-20110531/#event-type-DOMElementNameChanged">DOM L3</a> {{removed_inline()}}</td>
      <td>The name of an element changed (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code>DOMFocusIn</code> {{deprecated_inline()}} {{notimplemented_inline()}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusIn">DOM L3</a></td>
      <td>An element has received focus (use {{event("focus")}} or {{event("focusin")}} instead).</td>
    </tr>
    <tr>
      <td><code>DOMFocusOut</code> {{deprecated_inline()}} {{notimplemented_inline()}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMFocusOut">DOM L3</a></td>
      <td>An element has lost focus (use {{event("blur")}} or {{event("focusout")}} instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInserted</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInserted">DOM L3</a></td>
      <td>A node has been added as a child of another node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeInsertedIntoDocument</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeInsertedIntoDocument">DOM L3</a></td>
      <td>A node has been inserted into the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemoved</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemoved">DOM L3</a></td>
      <td>A node has been removed from its parent node (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMNodeRemovedFromDocument</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMNodeRemovedFromDocument">DOM L3</a></td>
      <td>A node has been removed from the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/DOM/Mutation_events">DOMSubtreeModified</a></code> {{deprecated_inline()}}</td>
      <td>MutationEvent</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-DOMSubtreeModified">DOM L3</a></td>
      <td>A change happened in the document (use <a href="/en-US/docs/DOM/MutationObserver">mutation observers</a> instead).</td>
    </tr>
    <tr>
      <td>{{event("downloading")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The user agent has found an update and is fetching it, or is downloading the resources listed by the cache manifest for the first time.</td>
    </tr>
    <tr>
      <td>{{event("drag")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drag">HTML5</a></td>
      <td>An element or text selection is being dragged (every 350ms).</td>
    </tr>
    <tr>
      <td>{{event("dragend")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend">HTML5</a></td>
      <td>A drag operation is being ended (by releasing a mouse button or hitting the escape key).</td>
    </tr>
    <tr>
      <td>{{event("dragenter")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragenter">HTML5</a></td>
      <td>A dragged element or text selection enters a valid drop target.</td>
    </tr>
    <tr>
      <td>{{event("dragleave")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragleave">HTML5</a></td>
      <td>A dragged element or text selection enters a valid drop target.</td>
    </tr>
    <tr>
      <td>{{event("dragover")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragover">HTML5</a></td>
      <td>An element or text selection is being dragged over a valid drop target (every 350ms).</td>
    </tr>
    <tr>
      <td>{{event("dragstart")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragstart">HTML5</a></td>
      <td>The user starts dragging an element or text selection.</td>
    </tr>
    <tr>
      <td>{{event("drop")}}</td>
      <td>{{domxref("DragEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-drop">HTML5</a></td>
      <td>An element is dropped on a valid drop target.</td>
    </tr>
    <tr>
      <td>{{event("durationchange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-durationchange">HTML5 media</a></td>
      <td>The <code>duration</code> attribute has been updated.</td>
    </tr>
    <tr>
      <td>{{event("emptied")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-emptied">HTML5 media</a></td>
      <td>The media has become empty; for example, this event is sent if the media has already been loaded (or partially loaded), and the <a class="internal" href="/En/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement" rel="internal"><code>load()</code></a>&nbsp;method is called to reload it.</td>
    </tr>
    <tr>
      <td>{{event("ended")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ended">HTML5 media</a></td>
      <td>Playback has stopped because the end of the media was reached.</td>
    </tr>
    <tr>
      <td>{{event("endEvent")}}</td>
      <td>{{domxref("TimeEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>A <a href="/en/SVG/SVG_animation_with_SMIL">SMIL</a> animation element ends.</td>
    </tr>
    <tr>
      <td>{{event("error")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></td>
      <td>A resource failed to load.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/error_(ProgressEvent)">error</a></td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>Progression has failed.</td>
    </tr>
    <!--<tr>
      <td>error</td>
      <td>Event</td>
      <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-error">HTML5 media</a></td>
      <td>Media data loading has been stopped by an error.</td>
    </tr>-->
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/error_(appcache_event)">error</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>An error occurred while downloading the cache manifest or updating the content of the application.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/error_websocket">error</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
      <td>A WebSocket connection has been closed with prejudice (some data couldn't be sent for example).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/error_serversentevents">error</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
      <td>An event source connection has been failed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/error_indexedDB">error</a></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
      <td>A request caused an error and failed.</td>
    </tr>
    <tr>
      <td>{{event("focus")}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focus">DOM L3</a></td>
      <td>An element has received focus (does not bubble).</td>
    </tr>
    <tr>
      <td>{{event("focusin")}} {{notimplemented_inline(687787)}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusIn">DOM L3</a></td>
      <td>An element is about to receive focus (bubbles).</td>
    </tr>
    <tr>
      <td>{{event("focusout")}} {{notimplemented_inline(687787)}}</td>
      <td>{{domxref("FocusEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-focusout">DOM L3</a></td>
      <td>An element is about to loose focus (bubbles).</td>
    </tr>
    <tr>
      <td>{{event("fullscreenchange")}} {{gecko_minversion_inline("9")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
      <td>An element was turned to fullscreen mode or back to normal mode.</td>
    </tr>
    <tr>
      <td>{{event("fullscreenerror")}} {{gecko_minversion_inline("9")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api">Full Screen</a></td>
      <td>It was impossible to switch to fullscreen mode for technical reasons or because the permission was denied.</td>
    </tr>
    <tr>
      <td>{{event("gamepadconnected")}}</td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/gamepad/#the-gamepadconnected-event">Gamepad</a></td>
      <td>A gamepad has been connected.</td>
    </tr>
    <tr>
      <td>{{event("gamepaddisconnected")}}</td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/gamepad/#the-gamepaddisconnected-event">Gamepad</a></td>
      <td>A gamepad has been disconnected.</td>
    </tr>
    <tr>
      <td>{{event("hashchange")}}</td>
      <td>{{domxref("HashChangeEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-hashchange">HTML5</a></td>
      <td>The fragment identifier of the URL has changed (the part of the URL after the #).</td>
    </tr>
    <tr>
      <td>{{event("input")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/html5/forms.html#common-event-behaviors">HTML5</a></td>
      <td>The value of an element changes or the content of an element with the attribute <a href="/en/DOM/Element.contentEditable">contenteditable</a> is modified.</td>
    </tr>
    <tr>
      <td>{{event("invalid")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#constraint-validation">HTML5</a></td>
      <td>A submittable element has been checked and doesn't satisfy its constraints.</td>
    </tr>
    <tr>
      <td>{{event("keydown")}}</td>
      <td>{{domxref("KeyboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keydown">DOM L3</a></td>
      <td>A key is pressed down.</td>
    </tr>
    <tr>
      <td>{{event("keypress")}}</td>
      <td>{{domxref("KeyboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keypress">DOM L3</a></td>
      <td>A key is pressed down and that key normally produces a character value (use input instead).</td>
    </tr>
    <tr>
      <td>{{event("keyup")}}</td>
      <td>{{domxref("KeyboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-keyup">DOM L3</a></td>
      <td>A key is released.</td>
    </tr>
    <tr>
      <td>{{event("levelchange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/battery/Overview.html">Battery status</a></td>
      <td>The <code>level</code> attribute has been updated.</td>
    </tr>
    <tr>
      <td>{{event("load")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-load">DOM L3</a></td>
      <td>A resource and its dependent resources have finished loading.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/load_(ProgressEvent)">load</a></td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>Progression has been successful.</td>
    </tr>
    <tr>
      <td>{{event("loadeddata")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadeddata">HTML5 media</a></td>
      <td>The first frame of the media has finished loading.</td>
    </tr>
    <tr>
      <td>{{event("loadedmetadata")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-loadedmetadata">HTML5 media</a></td>
      <td>The metadata has been loaded.</td>
    </tr>
    <tr>
      <td>{{event("loadend")}}</td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>Progress has stopped (after "error", "abort" or "load" have been dispatched).</td>
    </tr>
    <tr>
      <td>{{event("loadstart")}}</td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>Progress has begun.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/message_websocket">message</a></td>
      <td>{{domxref("MessageEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
      <td>A message is received through a WebSocket.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/message_webworker">message</a></td>
      <td>{{domxref("MessageEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/workers/#communicating-with-a-dedicated-worker">Web Workers</a></td>
      <td>A message is received from a Web Worker.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/message_webmessaging">message</a></td>
      <td>{{domxref("MessageEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/webmessaging/">Web Messaging</a></td>
      <td>A message is received from a child (i)frame or a parent window.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/message_serversentevents">message</a></td>
      <td>{{domxref("MessageEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
      <td>A message is received through an event source.</td>
    </tr>
    <tr>
      <td>{{event("mousedown")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousedown">DOM L3</a></td>
      <td>A pointing device button (usually a mouse) is pressed on an element.</td>
    </tr>
    <tr>
      <td>{{event("mouseenter")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseenter">DOM L3</a></td>
      <td>A pointing device is moved onto the element that has the listener attached.</td>
    </tr>
    <tr>
      <td>{{event("mouseleave")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseleave">DOM L3</a></td>
      <td>A pointing device is moved off the element that has the listener attached.</td>
    </tr>
    <tr>
      <td>{{event("mousemove")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mousemove">DOM L3</a></td>
      <td>A pointing device is moved over an element.</td>
    </tr>
    <tr>
      <td>{{event("mouseout")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseout">DOM L3</a></td>
      <td>A pointing device is moved off the element that has the listener attached or off one of its children.</td>
    </tr>
    <tr>
      <td>{{event("mouseover")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseover">DOM L3</a></td>
      <td>A pointing device is moved onto the element that has the listener attached or onto one of its children.</td>
    </tr>
    <tr>
      <td>{{event("mouseup")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-mouseup">DOM L3</a></td>
      <td>A pointing device button is released over an element.</td>
    </tr>
    <tr>
      <td>{{event("noupdate")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The manifest hadn't changed.</td>
    </tr>
    <tr>
      <td>{{event("obsolete")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The manifest was found to have become a 404 or 410 page, so the application cache is being deleted.</td>
    </tr>
    <tr>
      <td>{{event("offline")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-offline">HTML5 offline</a></td>
      <td>The browser has lost access to the network.</td>
    </tr>
    <tr>
      <td>{{event("online")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/offline.html#event-online">HTML5 offline</a></td>
      <td>The browser has gained access to the network (but particular websites might be unreachable).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/open_websocket">open</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/websockets/">WebSocket</a></td>
      <td>A WebSocket connection has been established.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/open_serversentevents">open</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a></td>
      <td>An event source connection has been established.</td>
    </tr>
    <tr>
      <td>{{event("orientationchange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a href="http://www.w3.org/TR/screen-orientation/" title="http://www.w3.org/TR/screen-orientation/">Screen Orientation</a></td>
      <td>The orientation of the device (portrait/landscape) has changed</td>
    </tr>
    <tr>
      <td>{{event("pagehide")}}</td>
      <td>{{domxref("PageTransitionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pagehide">HTML5</a></td>
      <td>A session history entry is being traversed from.</td>
    </tr>
    <tr>
      <td>{{event("pageshow")}}</td>
      <td>{{domxref("PageTransitionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-pageshow">HTML5</a></td>
      <td>A session history entry is being traversed to.</td>
    </tr>
    <tr>
      <td>{{event("paste")}}</td>
      <td>{{domxref("ClipboardEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/clipboard-apis/#paste-event">Clipboard</a></td>
      <td>Data has been transfered from the system clipboard to the document.</td>
    </tr>
    <tr>
      <td>{{event("pause")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-pause">HTML5 media</a></td>
      <td>Playback has been paused.</td>
    </tr>
    <tr>
      <td>{{event("pointerlockchange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
      <td>The pointer was locked or released.</td>
    </tr>
    <tr>
      <td>{{event("pointerlockerror")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/pointerlock/#pointerlockchange-and-pointerlockerror-events">Pointer Lock</a></td>
      <td>It was impossible to lock the pointer for technical reasons or because the permission was denied.</td>
    </tr>
    <tr>
      <td>{{event("play")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-play">HTML5 media</a></td>
      <td>Playback has begun.</td>
    </tr>
    <tr>
      <td>{{event("playing")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-playing">HTML5 media</a></td>
      <td>Playback is ready to start after having been paused or delayed due to lack of data.</td>
    </tr>
    <tr>
      <td>{{event("popstate")}}</td>
      <td>{{domxref("PopStateEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#event-popstate">HTML5</a></td>
      <td>A session history entry is being navigated to (in certain cases).</td>
    </tr>
    <tr>
      <td>{{event("progress")}}</td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/progress-events/">Progress</a></td>
      <td>In progress.</td>
    </tr>
    <tr>
      <td><code><a href="/en-US/docs/Mozilla_event_reference/progress_(appcache_event)">progress</a></code></td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The user agent is downloading resources listed by the manifest.</td>
    </tr>
    <tr>
      <td>{{event("ratechange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-ratechange">HTML5 media</a></td>
      <td>The playback rate has changed.</td>
    </tr>
    <tr>
      <td>{{event("readystatechange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#current-document-readiness">HTML5</a></td>
      <td>The readyState attribute of a document has changed.</td>
    </tr>
    <tr>
      <td>{{event("repeatEvent")}}</td>
      <td>{{domxref("TimeEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>A <a href="/en/SVG/SVG_animation_with_SMIL">SMIL</a> animation element is repeated.</td>
    </tr>
    <tr>
      <td>{{event("reset")}}</td>
      <td><code>HTMLEvents</code> (DOM L2) or {{domxref("Event")}} (HTML5)</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-0#resetting-a-form">HTML5</a></td>
      <td>A form is reset.</td>
    </tr>
    <tr>
      <td>{{event("resize")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-resize">DOM L3</a></td>
      <td>The document view has been resized.</td>
    </tr>
    <tr>
      <td>{{event("scroll")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-scroll">DOM L3</a></td>
      <td>The document view or an element has been scrolled.</td>
    </tr>
    <tr>
      <td>{{event("seeked")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeked">HTML5 media</a></td>
      <td>A <em>seek</em> operation completed.</td>
    </tr>
    <tr>
      <td>{{event("seeking")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-seeking">HTML5 media</a></td>
      <td>A <em>seek</em> operation began.</td>
    </tr>
    <tr>
      <td>{{event("select")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-select">DOM L3</a></td>
      <td>Some text is being selected.</td>
    </tr>
    <tr>
      <td>{{event("show")}}</td>
      <td>{{domxref("MouseEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/html5/interactive-elements.html#context-menus">HTML5</a></td>
      <td>A contextmenu event was fired on/bubbled to an element that has a <a href="/en/DOM/element.contextmenu">contextmenu</a> attribute</td>
    </tr>
    <tr>
      <td>{{event("stalled")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-stalled">HTML5 media</a></td>
      <td>The user agent is trying to fetch media data, but data is unexpectedly not forthcoming.</td>
    </tr>
    <tr>
      <td>{{event("storage")}}</td>
      <td>{{domxref("StorageEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/webstorage/#the-storage-event">Web Storage</a></td>
      <td>A storage area (<a href="/en/DOM/Storage#localStorage">localStorage</a> or <a href="/en/DOM/Storage#sessionStorage">sessionStorage</a>) has changed.</td>
    </tr>
    <tr>
      <td>{{event("submit")}}</td>
      <td><code>HTMLEvents</code> (DOM L2) or {{domxref("Event")}} (HTML5)</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Events/events.html">DOM L2</a>, <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#form-submission-algorithm">HTML5</a></td>
      <td>A form is submitted.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/success_indexedDB">success</a></td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
      <td>A request successfully completed.</td>
    </tr>
    <tr>
      <td>{{event("suspend")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-suspend">HTML5 media</a></td>
      <td>Media data loading has been suspended.</td>
    </tr>
    <tr>
      <td>{{event("SVGAbort")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>Page loading has been stopped before the <a href="/en/SVG">SVG</a> was loaded.</td>
    </tr>
    <tr>
      <td>{{event("SVGError")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An error has occurred before the <a href="/en/SVG">SVG</a> was loaded.</td>
    </tr>
    <tr>
      <td>{{event("SVGLoad")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An <a href="/en/SVG">SVG</a> document has been loaded and parsed.</td>
    </tr>
    <tr>
      <td>{{event("SVGResize")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An <a href="/en/SVG">SVG</a> document is being resized.</td>
    </tr>
    <tr>
      <td>{{event("SVGScroll")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An <a href="/en/SVG">SVG</a> document is being scrolled.</td>
    </tr>
    <tr>
      <td>{{event("SVGUnload")}}</td>
      <td>{{domxref("SVGEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An <a href="/en/SVG">SVG</a> document has been removed from a window or frame.</td>
    </tr>
    <tr>
      <td>{{event("SVGZoom")}}</td>
      <td>{{domxref("SVGZoomEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/SVG/interact.html#SVGEvents">SVG</a></td>
      <td>An <a href="/en/SVG">SVG</a> document is being zoomed.</td>
    </tr>
    <tr>
      <td>{{event("timeupdate")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-timeupdate">HTML5 media</a></td>
      <td>The time indicated by the <code>currentTime</code> attribute has been updated.</td>
    </tr>
    <tr>
      <td>{{event("touchcancel")}}</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/">Touch Events</a></td>
      <td>A touch point has been disrupted in an implementation-specific manners (too many touch points for example).</td>
    </tr>
    <tr>
      <td>{{event("touchend")}}"</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/#the-touchend-event">Touch Events</a></td>
      <td>A touch point is removed from the touch surface.</td>
    </tr>
    <tr>
      <td>{{event("touchenter")}}</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/">Touch Events</a> {{removed_inline()}}</td>
      <td>A touch point is moved onto the interactive area of an element.</td>
    </tr>
    <tr>
      <td>{{event("touchleave")}}</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/">Touch Events</a> {{removed_inline()}}</td>
      <td>A touch point is moved off the interactive area of an element.</td>
    </tr>
    <tr>
      <td>{{event("touchmove")}}</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/#the-touchmove-event">Touch Events</a></td>
      <td>A touch point is moved along the touch surface.</td>
    </tr>
    <tr>
      <td>{{event("touchstart")}}</td>
      <td>{{domxref("TouchEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/touch-events/#the-touchstart---------event">Touch Events</a></td>
      <td>A touch point is placed on the touch surface.</td>
    </tr>
    <tr>
      <td>{{event("transitionend")}}</td>
      <td>{{domxref("TransitionEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/css3-transitions/#transition-events">CSS Transitions</a></td>
      <td>A <a href="/en-US/docs/CSS/CSS_transitions">CSS transition</a> has completed.</td>
    </tr>
    <tr>
      <td>{{event("unload")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-unload">DOM L3</a></td>
      <td>The document or a dependent resource is being unloaded.</td>
    </tr>
    <tr>
      <td>{{event("updateready")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://dev.w3.org/html5/spec/offline.html">Offline</a></td>
      <td>The resources listed in the manifest have been newly redownloaded, and the script can use <code>swapCache()</code> to switch to the new cache.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/upgradeneeded_indexedDB">upgradeneeded</a></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#request-api">IndexedDB</a></td>
      <td>An attempt was made to open a database with a version number higher than its current version. A <code>versionchange</code> transaction has been created.</td>
    </tr>
    <tr>
      <td>{{event("userproximity")}}</td>
      <td>{{domxref("SensorEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="https://dvcs.w3.org/hg/dap/raw-file/tip/proximity/Overview.html">Sensor</a></td>
      <td>Fresh data is available from a proximity sensor (indicates whether the nearby object is <code>near</code> the device or not).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/versionchange_indexedDB">versionchange</a></td>
      <td>&nbsp;</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/IndexedDB/#database-interface">IndexedDB</a></td>
      <td>A <code>versionchange</code> transaction completed.</td>
    </tr>
    <tr>
      <td>{{event("visibilitychange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/page-visibility/#sec-visibilitychange-event">Page visibility</a></td>
      <td>The content of a tab has become visible or has been hidden.</td>
    </tr>
    <tr>
      <td>{{event("volumechange")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-volumechange">HTML5 media</a></td>
      <td>The volume has changed.</td>
    </tr>
    <tr>
      <td>{{event("waiting")}}</td>
      <td>{{domxref("Event")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/the-video-element.html#event-media-waiting">HTML5 media</a></td>
      <td>Playback has stopped because of a temporary lack of data.</td>
    </tr>
    <tr>
      <td>{{event("wheel")}} {{gecko_minversion_inline("17")}}</td>
      <td>{{domxref("WheelEvent")}}</td>
      <td style="white-space: nowrap;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-wheel">DOM L3</a></td>
      <td>A wheel button of a pointing device is rotated in any direction.</td>
    </tr>
  </tbody>
</table>
<h2 id="Non_standard_Events">Non standard Events</h2>
<table class="standard-table" style="width: 100%">
  <tbody>
    <tr>
      <th class="header" style="width: 220px;">Event Name</th>
      <th class="header" style="width: 90px;">Event Type</th>
      <th class="header" style="width: 100px;">Specification</th>
      <th class="header">Fired when...</th>
    </tr>
    <tr>
      <td>{{event("afterscriptexecute")}}</td>
      <td>{{domxref("Event")}}</td>
      <td><em>Mozilla Specific</em></td>
      <td>A script has been executed.</td>
    </tr>
    <tr>
      <td>{{event("beforescriptexecute")}}</td>
      <td>{{domxref("Event")}}</td>
      <td><em>Mozilla Specific</em></td>
      <td>A script is about to be executed.</td>
    </tr>
    <tr>
      <td>{{event("connectionInfoUpdate")}}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#176"><em>Firefox OS specific</em></a></td>
      <td>The informations about the signal strength and the link speed have been updated.</td>
    </tr>
    <tr>
      <td>{{event("DOMMouseScroll")}} {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>The wheel button of a pointing device is rotated (detail attribute is a number of lines). (use {{event("wheel")}} instead)</td>
    </tr>
    <tr>
      <td><code>dragdrop</code> {{deprecated_inline()}}</td>
      <td><code>DragEvent</code></td>
      <td><em>Mozilla specific</em></td>
      <td>An element is dropped (use {{event("drop")}} instead).</td>
    </tr>
    <tr>
      <td><code>dragexit</code> {{deprecated_inline()}}</td>
      <td><code>DragEvent</code></td>
      <td><em>Mozilla specific</em></td>
      <td>A drag operation is being ended(use {{event("dragend")}} instead).</td>
    </tr>
    <tr>
      <td><code>draggesture</code> {{deprecated_inline()}}</td>
      <td><code>DragEvent</code></td>
      <td><em>Mozilla specific</em></td>
      <td>The user starts dragging an element or text selection (use {{event("dragstart")}} instead).</td>
    </tr>
    <tr>
      <td>{{event("localized")}}</td>
      <td>&nbsp;</td>
      <td><em><a class="external" href="https://github.com/fabi1cazenave/webL10n">Mozilla Specific</a></em></td>
      <td>The page has been localized using data-l10n-* attributes.</td>
    </tr>
    <tr>
      <td>{{event("mousewheel")}} {{deprecated_inline()}} {{notimplemented_inline()}}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://msdn.microsoft.com/en-us/library/ie/ms536951%28v=vs.85%29.aspx"><em>IE invented</em></a></td>
      <td>The wheel button of a pointing device is rotated.</td>
    </tr>
    <tr>
      <td>{{event("MozAudioAvailable")}}</td>
      <td>{{domxref("Event")}}</td>
      <td><em>Mozilla specific</em></td>
      <td>The audio buffer is full and the corresponding raw samples are available.</td>
    </tr>
    <tr>
      <td>{{event("MozGamepadAxisMove")}}</td>
      <td>&nbsp;</td>
      <td><em>To be specified</em></td>
      <td>A gampad axis is moving.</td>
    </tr>
    <tr>
      <td>{{event("MozGamepadButtonDown")}}</td>
      <td>&nbsp;</td>
      <td><em>To be specified</em></td>
      <td>A gamepad button is pressed down.</td>
    </tr>
    <tr>
      <td>{{event("MozGamepadButtonUp")}}</td>
      <td>&nbsp;</td>
      <td><em>To be specified</em></td>
      <td>A gamepad button is released.</td>
    </tr>
    <tr>
      <td>{{event("MozMousePixelScroll")}} {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>The wheel button of a pointing device is rotated (detail attribute is a number of pixels). (use wheel instead)</td>
    </tr>
    <tr>
      <td>{{event("MozOrientation")}} {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>Fresh data is available from an orientation sensor (see deviceorientation).</td>
    </tr>
    <tr>
      <td>{{event("MozScrolledAreaChanged")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td><em>Mozilla specific</em></td>
      <td>The document view has been scrolled or resized.</td>
    </tr>
    <tr>
      <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchDown</a> {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>A touch point is placed on the touch surface (use touchstart instead).</td>
    </tr>
    <tr>
      <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchMove</a> {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>A touch point is moved along the touch surface (use touchmove instead).</td>
    </tr>
    <tr>
      <td><a href="/en-US/DOM/Touch_events_(Mozilla_experimental)">MozTouchUp</a> {{deprecated_inline()}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>A touch point is removed from the touch surface (use touchend instead).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onalerting">onalerting</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>The correspondent is being alerted (his/her phone is ringing).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onbusy">onbusy</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>The line of the correspondent is busy.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/oncallschanged">oncallschanged</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call has been added or removed from the list of current calls.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onconnected">onconnected</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call has been connected.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onconnecting">onconnecting</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call is about to connect.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/ondelivered">ondelivered</a></td>
      <td>{{domxref("SMSEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>An SMS has been successfully delivered.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/ondialing">ondialing</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>The number of a correspondent has been dialed.</td>
    </tr>
    <tr>
      <td>{{event("ondisabled")}}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td>
      <td>Wifi has been disabled on the device.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/ondisconnected">ondisconnected</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call has been disconnected.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/ondisconnecting">ondisconnecting</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call is about to disconnect.</td>
    </tr>
    <tr>
      <td>{{event("onenabled")}}</td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#182"><em>Firefox OS specific</em></a></td>
      <td>Wifi has been enabled on the device.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onerror_call_event">onerror</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>An error occurred.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onheld">onheld</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call has been held.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onholding">onholding</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call is about to be held.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onincoming">onincoming</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call is being received.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onreceived">onreceived</a></td>
      <td>{{domxref("SMSEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>An SMS has been received.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onresuming">onresuming</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>A call is about to resume.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onsent">onsent</a></td>
      <td>{{domxref("SMSEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>An SMS has been sent.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/DOM/onstatechange">onstatechange</a></td>
      <td>{{domxref("CallEvent")}}</td>
      <td><em>To be specified</em></td>
      <td>The state of a call has changed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/onstatusChange">onstatuschange</a></td>
      <td>&nbsp;</td>
      <td><a class="external" href="http://mxr.mozilla.org/mozilla-central/source/dom/wifi/nsIWifi.idl?rev=3e586802f478#156"><em>Firefox OS specific</em></a></td>
      <td>The status of the Wifi connection changed.</td>
    </tr>
    <tr>
      <td>{{event("overflow")}}</td>
      <td>{{domxref("UIEvent")}}</td>
      <td><em>Mozilla specific</em></td>
      <td>An element has been overflowed by its content or has been rendered for the first time in this state (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
    </tr>
    <tr>
      <td>{{event("smartcard-insert")}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>A <a href="/en/JavaScript_crypto">smartcard</a> has been inserted.</td>
    </tr>
    <tr>
      <td>{{event("smartcard-remove")}}</td>
      <td>&nbsp;</td>
      <td><em>Mozilla specific</em></td>
      <td>A <a href="/en/JavaScript_crypto">smartcard</a> has been removed.</td>
    </tr>
    <tr>
      <td><code>text</code></td>
      <td>&nbsp;</td>
      <td><em>Mozilla Specific</em></td>
      <td>A generic composition event occurred.</td>
    </tr>
    <tr>
      <td>{{event("underflow")}}"</td>
      <td>{{domxref("UIEvent")}}</td>
      <td><em>Mozilla specific</em></td>
      <td>An element is no longer overflowed by its content (only works for elements styled with <code>overflow</code> != <code>visible</code>).</td>
    </tr>
    <tr>
      <td>uploadprogress {{deprecated_inline()}}</td>
      <td>{{domxref("ProgressEvent")}}</td>
      <td><em>Mozilla Specific</em></td>
      <td>Upload is in progress (see {{event("progress")}}).</td>
    </tr>
  </tbody>
</table>
<h2 id="Mozilla_specific_events">Mozilla specific events</h2>
<p>Note: those events are never exposed to web content and can only be used in chrome content context.</p>
<h3 id="XUL_events">XUL events</h3>
<table class="standard-table" style="width: 100%">
  <tbody>
    <tr>
      <th class="header" style="width: 220px;">Event Name</th>
      <th class="header" style="width: 90px;">Event Type</th>
      <th class="header" style="width: 100px;">Specification</th>
      <th class="header">Fired when...</th>
    </tr>
    <tr>
      <td>{{event("broadcast")}}</td>
      <td>&nbsp;</td>
      <td><a href="/en/XUL_Tutorial/Broadcasters_and_Observers#Broadcast_event">XUL</a></td>
      <td>An <code>observer</code> noticed a change to the attributes of a watched broadcaster.</td>
    </tr>
    <tr>
      <td>{{event("CheckboxStateChange")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>The state of a <code>checkbox</code> has been changed either by a user action or by a script (useful for accessibility).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/close_event">close</a></td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>The close button of the window has been clicked.</td>
    </tr>
    <tr>
      <td>{{event("command")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>An element has been activated.</td>
    </tr>
    <tr>
      <td>{{event("commandupdate")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>A command update occurred on a <code>commandset</code> element.</td>
    </tr>
    <tr>
      <td>{{event("DOMMenuItemActive")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>A menu or menuitem has been hovered or highlighted.</td>
    </tr>
    <tr>
      <td>{{event("DOMMenuItemInactive")}}</td>
      <td>&nbsp;</td>
      <td><em>XUL</em></td>
      <td>A menu or menuitem is no longer hovered or highlighted.</td>
    </tr>
    <tr>
      <td>{{event("popuphidden")}}</td>
      <td><code>PopupEvent</code></td>
      <td><a href="/en/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
      <td>A menupopup, panel or tooltip has been hidden.</td>
    </tr>
    <tr>
      <td>{{event("popuphiding")}}</td>
      <td><code>PopupEvent</code></td>
      <td><a href="/en/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
      <td>A menupopup, panel or tooltip is about to be hidden.</td>
    </tr>
    <tr>
      <td>{{event("popupshowing")}}</td>
      <td><code>PopupEvent</code></td>
      <td><a href="/en/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
      <td>A menupopup, panel or tooltip is about to become visible.</td>
    </tr>
    <tr>
      <td>{{event("popupshown")}}</td>
      <td><code>PopupEvent</code></td>
      <td><a href="/en/XUL/PopupGuide/PopupEvents"><em>XUL</em></a></td>
      <td>A menupopup, panel or tooltip has become visible.</td>
    </tr>
    <tr>
      <td>{{event("RadioStateChange")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>The state of a <code>radio</code> has been changed either by a user action or by a script (useful for accessibility).</td>
    </tr>
    <tr>
      <td>{{event("ValueChange")}}</td>
      <td>&nbsp;</td>
      <td>XUL</td>
      <td>The value of an element has changed (a progress bar for example, useful for accessibility).</td>
    </tr>
  </tbody>
</table>
<h3 id="Addons_specific_events">Addons specific events</h3>
<table class="standard-table" style="width: 100%">
  <tbody>
    <tr>
      <th class="header" style="width: 220px;">Event Name</th>
      <th class="header" style="width: 90px;">Event Type</th>
      <th class="header" style="width: 100px;">Specification</th>
      <th class="header">Fired when...</th>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozSwipeGesture">MozSwipeGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A touch point is swiped across the touch surface</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozMagnifyGestureStart">MozMagnifyGestureStart</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points start to move away from each other.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozMagnifyGestureUpdate">MozMagnifyGestureUpdate</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points move away from each other (after a MozMagnifyGestureStart).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozMagnifyGesture">MozMagnifyGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points moved away from each other (after a sequence of MozMagnifyGestureUpdate).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozRotateGestureStart">MozRotateGestureStart</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points start to rotate around a point.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozRotateGestureUpdate">MozRotateGestureUpdate</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points rotate around a point (after a MozRotateGestureStart).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozRotateGesture">MozRotateGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points rotate around a point (after a sequence of MozRotateGestureUpdate).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozTapGesture">MozTapGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Two touch points are tapped on the touch surface.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozPressTapGesture">MozPressTapGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A "press-tap" gesture happened on the touch surface (first finger down, second finger down, second finger up, first finger up).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozEdgeUIGesture">MozEdgeUIGesture</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A touch point is swiped across the touch surface to invoke the edge UI (Win8 only).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozAfterPaint">MozAfterPaint</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Content has been repainted.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozBeforeResize">MozBeforeResize</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A window is about to be resized.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMPopupBlocked">DOMPopupBlocked</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A popup has been blocked</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMWindowCreated">DOMWindowCreated</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A window has been created.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMWindowClose">DOMWindowClose</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A window is about to be closed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMTitleChanged">DOMTitleChanged</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specifc</em></td>
      <td>The title of a window has changed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMLinkAdded">DOMLinkAdded</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specifc</em></td>
      <td>A link has been added a document.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMLinkRemoved">DOMLinkRemoved</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specifc</em></td>
      <td>A link has been removed inside from a document.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMMetaAdded">DOMMetaAdded</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A <code>meta</code> element has been added to a document.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMMetaRemoved">DOMMetaRemoved</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A <code>meta</code> element has been removed from a document.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMWillOpenModalDialog">DOMWillOpenModalDialog</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A modal dialog is about to open.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMModalDialogClosed">DOMModalDialogClosed</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A modal dialog has been closed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMAutoComplete">DOMAutoComplete</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The content of an element has been auto-completed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/DOMFrameContentLoaded">DOMFrameContentLoaded</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The frame has finished loading (but not its dependent resources).</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/AlertActive">AlertActive</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A <code><a href="/en-US/docs/XUL/notification" title="notification">notification</a></code> element is shown.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/AlertClose">AlertClose</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A <code><a href="/en-US/docs/XUL/notification" title="notification">notification</a></code> element is closed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/fullscreen">fullscreen</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Browser fullscreen mode has been entered or left.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/sizemodechange">sizemodechange</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>Window has entered/left fullscreen mode, or has been minimized/unminimized.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/MozEnteredDomFullscreen">MozEnteredDomFullscreen</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td><a href="/en/DOM/Using_full-screen_mode">DOM fullscreen</a> mode has been entered.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSWindowClosing">SSWindowClosing</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The session store will stop tracking this window.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSTabClosing">SSTabClosing</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The session store will stop tracking this tab.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSTabRestoring">SSTabRestoring</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab is about to be restored.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSTabRestored">SSTabRestored</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been restored.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSWindowStateReady">SSWindowStateReady</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A window state has switched to "ready".</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/SSWindowStateBusy">SSWindowStateBusy</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A window state has switched to "busy".</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/tabviewsearchenabled">tabviewsearchenabled</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The search feature of Panorama has been activated</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/tabviewsearchdisabled">tabviewsearchdisabled</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The search feature of Panorama has been deactivated</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/tabviewframeinitialized">tabviewframeinitialized</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The frame container of Panorama has been initialized</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/tabviewshown">tabviewshown</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The Panorama tab has been shown</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/tabviewhidden">tabviewhidden</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>The Panorama tab has been hidden</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabOpen">TabOpen</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been opened.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabClose">TabClose</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been closed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabSelect">TabSelect</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been selected.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabShow">TabShow</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been shown.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabHide">TabHide</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been hidden.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabPinned">TabPinned</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been pinned.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/TabUnpinned">TabUnpinned</a></td>
      <td>&nbsp;</td>
      <td><em>Addons specific</em></td>
      <td>A tab has been unpinned.</td>
    </tr>
  </tbody>
</table>
<h3 id="Devtools_specific_events">Devtools specific events</h3>
<table class="standard-table" style="width: 100%">
  <tbody>
    <tr>
      <th class="header" style="width: 220px;">Event Name</th>
      <th class="header" style="width: 90px;">Event Type</th>
      <th class="header" style="width: 100px;">Specification</th>
      <th class="header">Fired when...</th>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/CssRuleViewRefreshed">CssRuleViewRefreshed</a></td>
      <td>&nbsp;</td>
      <td><em>devtools specific</em></td>
      <td>The "Rules" view of the style inspector has been updated.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/CssRuleViewChanged">CssRuleViewChanged</a></td>
      <td>&nbsp;</td>
      <td><em>devtools specific</em></td>
      <td>The "Rules" view of the style inspector has been changed.</td>
    </tr>
    <tr>
      <td><a href="/en-US/docs/Mozilla_event_reference/CssRuleViewCSSLinkClicked">CssRuleViewCSSLinkClicked</a></td>
      <td>&nbsp;</td>
      <td><em>devtools specific</em></td>
      <td>A link to a CSS file has been clicked in the "Rules" view of the style inspector.</td>
    </tr>
  </tbody>
</table>
<p>&nbsp;</p>
Revert to this revision