--- title: Référence des événements slug: Web/Events tags: - NeedsTranslation translation_of: Web/Events ---

Les événements DOM sont notifiés au code source lorsque quelque chose d'intéressant se passe. Chaque événement est représenté par un objet implémentant l'interface {{domxref("Event")}}, et peut avoir d'autres propriétés et/ou champs, permettant d'obtenir des informations supplémentaires au sujet de ce qui s'est produit. Les événements peuvent décrire de simples interactions avec l'utilisateur jusqu'à des notifications automatisées d'événements se produisant au niveau du modèle de rendu.

Cet article présente une liste d'événements pouvant être notifiés ; certains correspondent à des événements standards définis dans les spécifications officielles, tandis que d'autres sont des événements utilisés en interne par certains navigateurs ; par exemple, les événements propres à Mozilla sont listés pour que les add-ons puissent interagir avec le navigateur.

Événements standards

Ces événements sont définis dans les spécifications officielles du web, et devraient donc être communs à tous les navigateurs. À chaque événement est associée l'interface implémentée par l'objet envoyé aux destinataires de l'événement (afin de pouvoir connaître les données fournies avec chaque événement), ainsi qu'un lien vers la ou les spécification(s) définissant l'événement.

Nom de l'événement Type de l'événement Spécification Déclenché lorsque...
{{event("abort")}} {{domxref("UIEvent")}} DOM L3 Le chargement d'une ressource a été interrompu.
abort {{domxref("ProgressEvent")}} Progress et XMLHttpRequest La progression a été interrompue (pas dû à une erreur).
abort {{domxref("Event")}} IndexedDB Une transaction a été interrompue.
{{event("afterprint")}}{{gecko_minversion_inline("6")}} {{domxref("Event")}} HTML5 Le document associé a commencé à être imprimé ou l'aperçu avant impression a été fermé.
{{event("animationend")}} {{domxref("AnimationEvent")}} CSS Animations Une animation CSS s'est achevée.
{{event("animationiteration")}} {{domxref("AnimationEvent")}} CSS Animations Une animation CSS est répétée.
{{event("animationstart")}} {{domxref("AnimationEvent")}} CSS Animations Une animation CSS a débuté.
{{event("audioprocess")}} {{domxref("AudioProcessingEvent")}} {{SpecName('Web Audio API', '#AudioProcessingEvent', 'audioprocess')}} La mémoire tampon d'entrée d'un {{domxref("ScriptProcessorNode")}} est prête à être lue.
{{event("beforeprint")}} {{gecko_minversion_inline("6")}} {{domxref("Event")}} HTML5 Le document associé est sur le point d'être imprimé ou visualisé dans l'aperçu avant impression.
{{event("beforeunload")}} {{domxref("BeforeUnloadEvent")}} HTML5
{{event("beginEvent")}} {{domxref("TimeEvent")}} SVG Une animation SMIL débute.
blocked IndexedDB Une connexion ouverte vers la base de données bloque une transaction versionchange (changement de version) sur la même base de données.
{{event("blur")}} {{domxref("FocusEvent")}} DOM L3 Un élément perd le focus (ne se propage pas).
{{event("cached")}} {{domxref("Event")}} Offline Les ressources listées dans le manifeste ont été téléchargées, et l'application est désormais mise en cache.
{{event("canplay")}} {{domxref("Event")}} HTML5 media Le user agent peut lire le média, mais estime que trop peu de données ont été chargées pour lire le média jusqu'au bout sans avoir à s'arrêter pour mettre en mémoire tampon la suite du contenu.
{{event("canplaythrough")}} {{domxref("Event")}} HTML5 media Le user agent peut lire le média, et estime que suffisamment de données ont été chargées pour lire le média jusqu'au bout sans avoir à s'arrêter pour mettre en mémoire tampon la suite du contenu.
{{event("change")}} {{domxref("Event")}} DOM L2, HTML5 Un élément perd le focus et sa valeur a changé depuis l'acquisition du focus.
{{event("chargingchange")}} {{domxref("Event")}} Battery status La batterie commence ou finit de charger.
{{event("chargingtimechange")}} {{domxref("Event")}} Battery status L'attribut chargingTime (temps de chargement) a été mis à jour.
{{event("checking")}} {{domxref("Event")}} Offline Le user agent vérifie l'existence d'une mise à jour, ou tente de télécharger le manifeste du cache pour la première fois.
{{event("click")}} {{domxref("MouseEvent")}} DOM L3 Un bouton d'un dispositif de pointage a été appuyé ou relaché sur un élément.
close {{domxref("Event")}} WebSocket Une connexion WebSocket a été fermée.
{{event("compassneedscalibration")}} {{domxref("SensorEvent")}} Orientation La boussole permettant d'obtenir les données d'orientation doit être calibrée.
complete IndexedDB
{{event("complete")}} {{domxref("OfflineAudioCompletionEvent")}} {{SpecName('Web Audio API', '#OfflineAudioCompletionEvent-section', 'OfflineAudioCompletionEvent')}} Le rendu d'un {{domxref("OfflineAudioContext")}} est terminé.
{{event("compositionend")}}{{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 La composition d'un passage de texte a été achevée ou annulée.
{{event("compositionstart")}}{{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 La composition d'un passage de texte est prête (équivalent à l'événement keydown pour un clavier, mais fonctionne avec d'autres entrées comme la reconnaissance vocale).
{{event("compositionupdate")}}{{gecko_minversion_inline("9")}} {{domxref("CompositionEvent")}} DOM L3 Un caractère est ajouté à un passage de texte en cours de composition.
{{event("contextmenu")}} {{domxref("MouseEvent")}} HTML5 Le bouton droit de la souris est cliqué (avant l'affichage du menu contextuel).
{{event("copy")}} {{domxref("ClipboardEvent")}} Clipboard La sélection de texte a été ajoutée au presse-papiers.
{{event("cut")}} {{domxref("ClipboardEvent")}} Clipboard La sélection de texte a été enlevée du document et ajoutée au presse-papiers.
{{event("dblclick")}} {{domxref("MouseEvent")}} DOM L3 Un bouton d'un dispositif de pointage a été double-cliqué sur un élément.
{{event("devicelight")}} {{domxref("DeviceLightEvent")}} Ambient Light Events Le capteur de lumière a de nouvelles données disponibles.
{{event("devicemotion")}} {{domxref("DeviceMotionEvent")}} Device Orientation Events Le capteur de mouvement a de nouvelles données disponibles.
{{event("deviceorientation")}} {{domxref("DeviceOrientationEvent")}} Device Orientation Events Le capteur d'orientation a de nouvelles données disponibles.
{{event("deviceproximity")}} {{domxref("DeviceProximityEvent")}} Proximity Events Le capteur de proximité a de nouvelles données disponibles (indique une distance approximative entre l'appareil et un object avoisinant).
{{event("dischargingtimechange")}} {{domxref("Event")}} Battery status L'attribut dischargingTime (temps de décharge) a été mis à jour.
DOMActivate {{deprecated_inline}} {{domxref("UIEvent")}} DOM L3 Un bouton, un lien ou un élément à changement d'état est activé (utiliser plutôt {{event("click")}}).
DOMAttributeNameChanged {{deprecated_inline}} {{domxref("MutationNameEvent")}} DOM L3 Removed Le nom d'un attribut a changé (utiliser plutôt les observateurs de mutation).
DOMAttrModified {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 La valeur d'un attribut a été modifiée (utiliser plutôt les observateurs de mutation).
DOMCharacterDataModified {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un texte - ou autres Données caractère - a été changé (utiliser plutôt les observateurs de mutation).
{{event("DOMContentLoaded")}} {{domxref("Event")}} HTML5 Le document a fini de charger (mais pas les ressources qui en dépendent).
DOMElementNameChanged {{deprecated_inline}} {{domxref("MutationNameEvent")}} DOM L3 Removed Le nom d'un élément a changé (utiliser plutôt les observateurs de mutation).
DOMFocusIn {{deprecated_inline}} {{domxref("FocusEvent")}} DOM L3 Un élément a acquis le focus (utiliser plutôt {{event("focus")}} ou {{event("focusin")}}).
DOMFocusOut {{deprecated_inline}} {{domxref("FocusEvent")}} DOM L3 Un élément a perdu le focus (utiliser plutôt {{event("blur")}} ou {{event("focusout")}}).
DOMNodeInserted {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un nœud a été ajouté comme enfant d'un autre nœud (utiliser plutôt les observateurs de mutation).
DOMNodeInsertedIntoDocument {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un nœud a été ajouté au document (utiliser plutôt les observateurs de mutation).
DOMNodeRemoved {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un nœud a été retiré de son nœud parent (utiliser plutôt les observateurs de mutation).
DOMNodeRemovedFromDocument {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un nœud a été retiré du document (utiliser plutôt les observateurs de mutation).
DOMSubtreeModified {{deprecated_inline}} {{domxref("MutationEvent")}} DOM L3 Un changement a eu lieu dans le document (utiliser plutôt les observateurs de mutation).
{{event("downloading")}} {{domxref("Event")}} Offline Le user agent a trouvé une mise à jour et la récupère, ou il télécharge les ressources listées dans le manifeste du cache pour la première fois.
{{event("drag")}} {{domxref("DragEvent")}} HTML5 Un élément ou la sélection de texte est glissé (toutes les 350ms).
{{event("dragend")}} {{domxref("DragEvent")}} HTML5 Un glisser-déposer a été achevé (en relâchant le bouton de la souris ou en appuyant sur la touche Echap).
{{event("dragenter")}} {{domxref("DragEvent")}} HTML5 Un élément ou une sélection de texte en cours de glisser-déposer entre dans une zone valide de dépôt.
{{event("dragleave")}} {{domxref("DragEvent")}} HTML5 Un élément ou une sélection de texte en cours de glisser-déposer quitte une zone valide de dépôt.
{{event("dragover")}} {{domxref("DragEvent")}} HTML5 Un élément ou une sélection de texte en cours de glisser-déposer survole une zone valide de dépôt (toutes les 350ms).
{{event("dragstart")}} {{domxref("DragEvent")}} HTML5 L'utilisateur commence à glisser un élément ou une sélection de texte.
{{event("drop")}} {{domxref("DragEvent")}} HTML5 Un élément est déposé sur une zone valide de dépôt.
{{event("durationchange")}} {{domxref("Event")}} HTML5 media L'attribut duration (durée) a été mis à jour.
{{event("emptied")}} {{domxref("Event")}} HTML5 media Le média a été vidé ; par exemple, cet événement est déclenché si un média a déjà été chargé (au moins partiellement) et que la méthode load() (charger) est appelée pour le recharger.
{{event("ended")}} {{domxref("Event")}} HTML5 media La lecture a été interrompue car la fin du média a été atteinte.
{{event("ended_(Web_Audio)", "ended")}} {{domxref("Event")}} {{SpecName("Web Audio API")}}
{{event("endEvent")}} {{domxref("TimeEvent")}} SVG Une animation SMIL est terminé.
{{event("error")}} {{domxref("UIEvent")}} DOM L3 Le chargement d'une ressource a échoué.
{{event("error")}} {{domxref("ProgressEvent")}} Progress et XMLHttpRequest La progression a échoué.
{{event("error")}} {{domxref("Event")}} Offline Une erreur a eu lieu lors du téléchargement du manifeste de cache ou lors de la mise à jour du contenu de l'application.
{{event("error")}} {{domxref("Event")}} WebSocket Une connexion WebSocket a été fermée avec préjudice (par exemple, des données n'ont pas pu être envoyées).
{{event("error")}} {{domxref("Event")}} Server Sent Events Une connexion de la source d'événement a échoué.
{{event("error")}} {{domxref("Event")}} IndexedDB Une requête a causé une erreur et a échoué.
{{event("focus")}} {{domxref("FocusEvent")}} DOM L3 Un élément a acquis le focus (ne se propage pas).
{{event("focusin")}} {{domxref("FocusEvent")}} DOM L3 Un élément est sur le point d'acquérir le focus (se propage).
{{event("focusout")}} {{domxref("FocusEvent")}} DOM L3 Un élément est sur le point de perdre le focus (se propage).
{{event("fullscreenchange")}} {{domxref("Event")}} Full Screen Un élément est passé en mode plein écran, ou est revenu au mode normal.
{{event("fullscreenerror")}} {{domxref("Event")}} Full Screen Il est impossible de passer en mode plein écran pour des raisons techniques ou parce que la permission a été refusée.
{{event("gamepadconnected")}} {{domxref("GamepadEvent")}} Gamepad Une manette de jeu a été connectée.
{{event("gamepaddisconnected")}} {{domxref("GamepadEvent")}} Gamepad Une manette de jeu a été déconnectée.
{{event("hashchange")}} {{domxref("HashChangeEvent")}} HTML5 L'identifiicateur de fragment de l'URL a été changé (la partie de l'URL après le #).
{{event("input")}} {{domxref("Event")}} HTML5 La valeur d'un élément change ou le contenu d'un élément avec l'attribut contenteditable est modifié.
{{event("invalid")}} {{domxref("Event")}} HTML5 Un élément à soumettre a été vérifié et ne satisfait pas ses contraintes.
{{event("keydown")}} {{domxref("KeyboardEvent")}} DOM L3 Une touche est enfoncée.
{{event("keypress")}} {{domxref("KeyboardEvent")}} DOM L3 Une touche est pressée et cette touche produit normalement un caractère (utilisez input à la place).
{{event("keyup")}} {{domxref("KeyboardEvent")}} DOM L3 Une touche est relâchée.
{{event("languagechange")}} {{domxref("Event")}} {{ SpecName('HTML5.1', '#dom-navigator-languages', 'NavigatorLanguage.languages') }}
{{event("levelchange")}} {{domxref("Event")}} Battery status L'attribut level a été mis à jour.
{{event("load")}} {{domxref("UIEvent")}} DOM L3 Une ressource et ses ressources dépendantes ont fini de se charger.
load {{domxref("ProgressEvent")}} Progress et XMLHttpRequest La progression est réussie.
{{event("loadeddata")}} {{domxref("Event")}} HTML5 media Le premier cadre du média a fini de se charger.
{{event("loadedmetadata")}} {{domxref("Event")}} HTML5 media Les metadata ont été chargées.
{{event("loadend")}} {{domxref("ProgressEvent")}} Progress et XMLHttpRequest Progress has stopped (after "error", "abort" or "load" have been dispatched).
{{event("loadstart")}} {{domxref("ProgressEvent")}} Progress et XMLHttpRequest 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 and XMLHttpRequest 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 et XMLHttpRequest The readyState attribute of a document has changed.
{{event("repeatEvent")}} {{domxref("TimeEvent")}} SVG A SMIL animation element is repeated.
{{event("reset")}} {{domxref("Event")}} 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")}} {{domxref("Event")}} 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("timeout")}} {{domxref("ProgressEvent")}} XMLHttpRequest
{{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 A touch point is moved onto the interactive area of an element.
{{event("touchleave")}} {{domxref("TouchEvent")}} Touch Events Removed 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("cardstatechange")}} Firefox OS specific The {{domxref("MozMobileConnection.cardState")}} property changes value.
{{event("change")}} {{domxref("DeviceStorageChangeEvent")}} Firefox OS specific This event is triggered each time a file is created, modified or deleted on a given storage area.
{{event("connectionInfoUpdate")}} Firefox OS specific The informations about the signal strength and the link speed have been updated.
{{event("cfstatechange")}} Firefox OS specific The call forwarding state changes.
{{event("datachange")}} Firefox OS specific The {{domxref("MozMobileConnection.data")}} object changes values.
{{event("dataerror")}} Firefox OS specific The {{domxref("MozMobileConnection.data")}} object receive an error from the RIL.
{{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("icccardlockerror")}} Firefox OS specific the {{domxref("MozMobileConnection.unlockCardLock()")}} or {{domxref("MozMobileConnection.setCardLock()")}} methods fails.
{{event("iccinfochange")}} Firefox OS specific The {{domxref("MozMobileConnection.iccInfo")}} object changes.
{{event("localized")}} Mozilla Specific The page has been localized using data-l10n-* attributes.
{{event("mousewheel")}}{{deprecated_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.
MozBeforeResize {{obsolete_inline}} Mozilla specific A window is about to be resized.
{{event("mozbrowserclose")}} Firefox OS specific Sent when window.close() is called within a browser iframe.
{{event("mozbrowsercontextmenu")}} Firefox OS specific Sent when a browser {{HTMLElement("iframe")}} try to open a context menu.
{{event("mozbrowsererror")}} Firefox OS specific Sent when an error occured while trying to load a content within a browser iframe
{{event("mozbrowsericonchange")}} Firefox OS specific Sent when the favicon of a browser iframe changes.
{{event("mozbrowserlocationchange")}} Firefox OS specific Sent when an browser iframe's location changes.
{{event("mozbrowserloadend")}} Firefox OS specific Sent when the browser iframe has finished loading all its assets.
{{event("mozbrowserloadstart")}} Firefox OS specific Sent when the browser iframe starts to load a new page.
{{event("mozbrowseropenwindow")}} Firefox OS specific Sent when {{domxref("window.open()")}} is called within a browser iframe.
{{event("mozbrowsersecuritychange")}} Firefox OS specific Sent when the SSL state changes within a browser iframe.
{{event("mozbrowsershowmodalprompt")}} Firefox OS specific Sent when {{domxref("window.alert","alert()")}}, {{domxref("window.confirm","confirm()")}} or {{domxref("window.prompt","prompt()")}} are called within a browser iframe
{{event("mozbrowsertitlechange")}} Firefox OS specific Sent when the document.title changes within a browser iframe.
{{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.
{{event("moztimechange")}} Mozilla specific The time of the device has been changed.
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).
{{event("alerting")}} {{domxref("CallEvent")}} To be specified The correspondent is being alerted (his/her phone is ringing).
{{event("busy")}} {{domxref("CallEvent")}} To be specified The line of the correspondent is busy.
{{event("callschanged")}} {{domxref("CallEvent")}} To be specified A call has been added or removed from the list of current calls.
onconnected {{event("connected")}} {{domxref("CallEvent")}} To be specified A call has been connected.
{{event("connecting")}} {{domxref("CallEvent")}} To be specified A call is about to connect.
{{event("delivered")}} {{domxref("SMSEvent")}} To be specified An SMS has been successfully delivered.
{{event("dialing")}} {{domxref("CallEvent")}} To be specified The number of a correspondent has been dialed.
{{event("disabled")}} Firefox OS specific Wifi has been disabled on the device.
{{event("disconnected")}} {{domxref("CallEvent")}} To be specified A call has been disconnected.
{{event("disconnecting")}} {{domxref("CallEvent")}} To be specified A call is about to disconnect.
{{event("enabled")}} Firefox OS specific Wifi has been enabled on the device.
{{event("error_(Telephony)","error")}} {{domxref("CallEvent")}} To be specified An error occurred.
{{event("held")}} {{domxref("CallEvent")}} To be specified A call has been held.
{{event("holding")}} {{domxref("CallEvent")}} To be specified A call is about to be held.
{{event("incoming")}} {{domxref("CallEvent")}} To be specified A call is being received.
{{event("received")}} {{domxref("SMSEvent")}} To be specified An SMS has been received.
{{event("resuming")}} {{domxref("CallEvent")}} To be specified A call is about to resume.
{{event("sent")}} {{domxref("SMSEvent")}} To be specified An SMS has been sent.
{{event("statechange")}} {{domxref("CallEvent")}} To be specified The state of a call has changed.
{{event("statuschange")}} 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.
{{event("stkcommand")}} Firefox OS specific The STK Proactive Command is issued from ICC.
{{event("stksessionend")}} Firefox OS specific The STK Session is terminated by ICC.
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")}}).

{{event("ussdreceived")}}

Firefox OS specific A new USSD message is received
{{event("voicechange")}} Firefox OS specific The {{domxref("MozMobileConnection.voice")}} object changes values.

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).

Add-on-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.
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.

Developer tool-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.

Categories

Animation events

{{event("animationend")}}, {{event("animationiteration")}}, {{event("animationstart")}}, {{event("beginEvent")}}, {{event("endEvent")}}, {{event("repeatEvent")}}

Battery events

{{event("chargingchange")}} {{event("chargingtimechange")}}, {{event("dischargingtimechange")}} {{event("levelchange")}}

Call events

{{event("alerting")}}, {{event("busy")}}, {{event("callschanged")}} {{event("cfstatechange")}}, {{event("connected")}}, {{event("connecting")}}, {{event("dialing")}}, {{event("disconnected")}}, {{event("disconnecting")}}, {{event("error_(Telephony)","error")}}, {{event("held")}}, {{event("holding")}}, {{event("incoming")}}, {{event("resuming")}}, {{event("statechange")}}, {{event("voicechange")}}

CSS events

CssRuleViewRefreshed, CssRuleViewChanged, CssRuleViewCSSLinkClicked, {{event("transitionend")}}

Database events

abort, blocked, complete, {{event("error")}} (link), success, upgradeneeded, versionchange

Document events

DOMLinkAdded, DOMLinkRemoved, DOMMetaAdded, DOMMetaRemoved, DOMWillOpenModalDialog, DOMModalDialogClosed, {{event("unload")}}

DOM mutation events

code>DOMAttributeNameChanged, DOMAttrModified, DOMCharacterDataModified, {{event("DOMContentLoaded")}}, DOMElementNameChanged, DOMNodeInserted, DOMNodeInsertedIntoDocument, DOMNodeRemoved, DOMNodeRemovedFromDocument, DOMSubtreeModified

Drag events

{{event("drag")}}, dragdrop, {{event("dragend")}}, {{event("dragenter")}}, dragexit, draggesture, {{event("dragleave")}}, {{event("dragover")}}, {{event("dragstart")}}, {{event("drop")}}

Element events

{{event("invalid")}}, {{event("overflow")}}, {{event("underflow")}}, DOMAutoComplete, {{event("command")}}, {{event("commandupdate")}}

Focus events

{{event("blur")}}, {{event("change")}}, DOMFocusIn, DOMFocusOut, {{event("focus")}}, {{event("focusin")}}, {{event("focusout")}}

Form events

{{event("reset")}}, {{event("submit")}}

Frame events

{{event("mozbrowserclose")}}, {{event("mozbrowsercontextmenu")}}, {{event("mozbrowsererror")}}, {{event("mozbrowsericonchange")}}, {{event("mozbrowserlocationchange")}}, {{event("mozbrowserloadend")}}, {{event("mozbrowserloadstart")}}, {{event("mozbrowseropenwindow")}}, {{event("mozbrowsersecuritychange")}}, {{event("mozbrowsershowmodalprompt")}} (link), {{event("mozbrowsertitlechange")}}, DOMFrameContentLoaded

Input device events

{{event("click")}}, {{event("contextmenu")}}, {{event("DOMMouseScroll")}}, {{event("dblclick")}}, {{event("gamepadconnected")}}, {{event("gamepaddisconnected")}}, {{event("keydown")}}, {{event("keypress")}}, {{event("keyup")}}, {{event("MozGamepadButtonDown")}}, {{event("MozGamepadButtonUp")}}, {{event("mousedown")}}, {{event("mouseenter")}}, {{event("mouseleave")}}, {{event("mousemove")}}, {{event("mouseout")}}, {{event("mouseover")}}, {{event("mouseup")}}, {{event("mousewheel")}}, {{event("MozMousePixelScroll")}}, {{event("pointerlockchange")}}, {{event("pointerlockerror")}},{{event("wheel")}}

Media events

{{event("audioprocess")}}, {{event("canplay")}}, {{event("canplaythrough")}}, {{event("durationchange")}}, {{event("emptied")}}, {{event("ended")}}, {{event("ended_(Web_Audio)", "ended")}}, {{event("loadeddata")}}, {{event("loadedmetadata")}}, {{event("MozAudioAvailable")}}, {{event("pause")}}, {{event("play")}}, {{event("playing")}}, {{event("ratechange")}}, {{event("seeked")}}, {{event("seeking")}}, {{event("stalled")}}, {{event("suspend")}}, {{event("timeupdate")}}, {{event("volumechange")}}, {{event("waiting")}}, {{event("complete")}}

{{event("DOMMenuItemActive")}}, {{event("DOMMenuItemInactive")}}

Network events

{{event("datachange")}}, {{event("dataerror")}}, {{event("disabled")}}, {{event("enabled")}}, {{event("offline")}}, {{event("online")}}, {{event("statuschange")}}, {{event("connectionInfoUpdate")}},

Notification events

AlertActive, AlertClose

{{event("popuphidden")}}, {{event("popuphiding")}}, {{event("popupshowing")}}, {{event("popupshown")}}, DOMPopupBlocked

Printing events

{{event("afterprint")}}, {{event("beforeprint")}}

Progress events

abort, {{event("error")}}, load, {{event("loadend")}}, {{event("loadstart")}}, {{event("progress")}}, progress, {{event("timeout")}}, uploadprogress

Resource events

{{event("abort")}}, {{event("cached")}}, {{event("error")}}, {{event("load")}}

Script events

{{event("afterscriptexecute")}}, {{event("beforescriptexecute")}}

Sensor events

{{event("compassneedscalibration")}}, {{event("devicelight")}}, {{event("devicemotion")}}, {{event("deviceorientation")}}, {{event("deviceproximity")}}, {{event("MozOrientation")}}, {{event("orientationchange")}}, {{event("userproximity")}}

Session history events

{{event("pagehide")}}, {{event("pageshow")}}, {{event("popstate")}}

Smartcard events

{{event("icccardlockerror")}}, {{event("iccinfochange")}}, {{event("smartcard-insert")}}, {{event("smartcard-remove")}}, {{event("stkcommand")}}, {{event("stksessionend")}}, {{event("cardstatechange")}}

SMS and USSD events

{{event("delivered")}}, {{event("received")}}, {{event("sent")}}, {{event("ussdreceived")}}

Storage events

{{event("change")}}, {{event("storage")}}

SVG events

{{event("SVGAbort")}}, {{event("SVGError")}}, {{event("SVGLoad")}}, {{event("SVGResize")}}, {{event("SVGScroll")}}, {{event("SVGUnload")}}, {{event("SVGZoom")}}

Tab events

tabviewsearchenabled, tabviewsearchdisabled, tabviewframeinitialized, tabviewshown, tabviewhidden, TabOpen, TabClose, TabSelect, TabShow, TabHide, TabPinned, TabUnpinned, SSTabClosing, SSTabRestoring, SSTabRestored, {{event("visibilitychange")}}

Text events

{{event("compositionend")}}, {{event("compositionstart")}}, {{event("compositionupdate")}}, {{event("copy")}}, {{event("cut")}}, {{event("paste")}}, {{event("select")}}, text

Touch events

MozEdgeUIGesture, MozMagnifyGesture, MozMagnifyGestureStart, MozMagnifyGestureUpdate, MozPressTapGesture, MozRotateGesture, MozRotateGestureStart, MozRotateGestureUpdate, MozSwipeGesture, MozTapGesture, MozTouchDown, MozTouchMove, MozTouchUp, {{event("touchcancel")}}, {{event("touchend")}}, {{event("touchenter")}}, {{event("touchleave")}}, {{event("touchmove")}}, {{event("touchstart")}}

Update events

{{event("checking")}}, {{event("downloading")}}, {{event("error")}}, {{event("noupdate")}}, {{event("obsolete")}}, {{event("updateready")}}

Value change events

{{event("broadcast")}}, {{event("CheckboxStateChange")}}, {{event("hashchange")}}, {{event("input")}}, {{event("RadioStateChange")}}, {{event("readystatechange")}}, {{event("ValueChange")}}

View events

fullscreen, {{event("fullscreenchange")}}, {{event("fullscreenerror")}}, MozEnteredDomFullscreen, {{event("MozScrolledAreaChanged")}}, {{event("resize")}}, {{event("scroll")}}, sizemodechange

Événements Websocket

close, {{event("error")}}, message, open

Événements de fenêtre

DOMWindowCreated, DOMWindowClose, DOMTitleChanged, MozBeforeResize {{obsolete_inline}}, SSWindowClosing, SSWindowStateReady, SSWindowStateBusy, close

Événements non classés

{{event("beforeunload")}}, {{event("localized")}}, message, message, message, MozAfterPaint, {{event("moztimechange")}}, open, {{event("show")}}

Voir aussi