Référence des événements

Les événements DOM sont déclenchés pour notifier au code des « changements intéressants » qui peuvent affecter l'exécution du code. Ces changements peuvent résulter d'interactions avec l'utilisateur, comme l'utilisation de la souris ou le redimensionnement d'une fenêtre, de changements dans l'état de l'environnement sous-jacent (par exemple, une batterie faible ou des événements médiatiques provenant du système d'exploitation), et d'autres causes.

Chaque événement est représenté par un objet implémentant l'interface 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. La documentation de chaque événement comporte un tableau (en haut de la page) qui comprend un lien vers l'interface de l'événement associé et d'autres informations pertinentes. Une liste complète des différents types d'événements est donnée dans Event >Événement Interfaces basées sur.

Cette rubrique fournit un index des principales sortes d'événements qui peuvent vous intéresser (animation, presse-papiers, workers, etc.) ainsi que les principales classes qui implémentent ces sortes d'événements. À la fin se trouve une liste exhaustive de tous les événements documentés.

Note :

Cette page répertorie les événements les plus courants que vous rencontrerez sur le Web. Si vous recherchez un événement qui n'est pas répertorié ici, essayez de rechercher son nom, son domaine ou les spécifications associées sur le reste du MDN.

Index des événements

Type d'événement Description Documentation
Animation

Les événements liés à l'API Web Animation API.

Utilisé pour répondre aux changements d'état de l'animation (par exemple, lorsqu'une animation commence ou se termine).

Événements d'animation déclenchés sur Document, Window, HTMLElement.
Récupération asynchrone des données

Événements liés à l'extraction des données.

Événements déclenchés sur AbortSignal, XMLHttpRequest, FileReader.
Presse-papiers

Les événements liés à l'API Clipboard API.

Utilisé pour notifier lorsque le contenu est coupé, copié ou collé.

Événements déclenchés sur Document, Element, Window.
Composition

Événements liés à la composition ; saisie "indirecte" du texte (au lieu d'utiliser les touches normales du clavier).

Par exemple, un texte saisi via un moteur de conversion de la parole en texte, ou l'utilisation de combinaisons de touches spéciales qui modifient les pressions sur le clavier pour représenter de nouveaux caractères dans une autre langue.

Événements déclenchés sur Element.
Transition CSS

Événements liés aux Transitions CSS.

Fournit des événements de notification lorsque les transitions CSS commencent, s'arrêtent, sont annulées, etc.

Événements déclenchés sur Document, HTMLElement, Window.
Base de données

Événements liés aux opérations de la base de données : ouverture, fermeture, transactions, erreurs, etc.

Événements déclenchés sur IDBDatabase, IDBOpenDBRequest, IDBRequest, IDBTransaction.
Glisser/Déposer, Roue

Les événements liés à l'utilisation de l'API Glisser/Déposer et WheelEvent.

Les événements Glisser/Déposer et Roue sont dérivés des événements de la souris. Bien qu'ils soient déclenchés lors de l'utilisation de la molette de la souris ou du glisser/déposer, ils peuvent également être utilisés avec d'autres matériels appropriés.

Les événements de Glisser/Déposer déclenchés sur Document

Les événements de la Roue déclenchés sur Document (en-US) et Element (en-US)

Focus

Les événements liés aux éléments qui gagnent et perdent le focus.

Événements déclenchés sur Element, Window.
Formulaire

Événements liés à la construction, la réinitialisation et la soumission de formulaires.

Événements déclenchés sur HTMLFormElement.
Plein écran

Evénements relatifs à l'API Fullscreen API.

Utilisé pour notifier la transition entre le mode plein écran et le mode fenêtré, ainsi que les erreurs survenant pendant cette transition.

Événements déclenchés sur Document, Element.
Manette de jeu

Evénements relatifs à l'API Gamepad API.

Événements déclenchés sur Window.
Historique

Les événements liés à l'API de Manipulation de l'historique du navigateur.

Événements déclenchés sur Window.
Gestion de l'affichage du contenu des éléments HTML

Événements liés à la modification de l'état d'un élément d'affichage ou textuel.

Événements déclenchés sur HTMLDetailsElement (en-US), HTMLDialogElement, HTMLSlotElement (en-US).
Entrées

Événements liés aux éléments d'entrée HTML, par ex. <input>, <select>, ou <textarea>.

Événements déclenchés sur HTMLElement, HTMLInputElement.
Clavier

Événements liés à l'utilisation d'un clavier.

Utilisé pour notifier lorsque les touches sont déplacées vers le haut, vers le bas, ou simplement pressées.

Événements déclenchés sur Document, Element.
Chargement/déchargement des documents

Événements liés au chargement et au déchargement des documents.

Événements déclenchés sur Document et Window.

Manifeste

Événements liés à l'installation de Manifeste des applications web.

Événements déclenchés sur Window.
Médias

Événements liés à l'utilisation des médias (y compris l'API de capture et de diffusion de médias, Web Audio API, Picture-in-Picture API (en-US), etc.).

Événements déclenchés sur ScriptProcessorNode (en-US), HTMLMediaElement, AudioTrackList (en-US), AudioScheduledSourceNode (en-US), MediaRecorder (en-US), MediaStream, MediaStreamTrack (en-US), VideoTrackList (en-US), HTMLTrackElement (en-US), OfflineAudioContext (en-US), TextTrack (en-US), TextTrackList (en-US), Element/audio, Element/video.
Messagerie

Événements liés à la réception par une fenêtre d'un message provenant d'un autre contexte de navigation.

Événements déclenchés sur Window.
Souris

Événements liés à l'utilisation d'une souris d'ordinateur.

Utilisé pour notifier le clic de la souris, le double-clic, les événements haut et bas, le clic droit, le déplacement dans et hors d'un élément, la sélection de texte, etc.

Les événements de type pointeur constituent une alternative aux événements de type souris, indépendamment du matériel utilisé. Les événements de type "glisser" et "roue" sont dérivés des événements de type "souris".

Les événements de souris déclenchés sur Element
Réseau/Connexion

Événements liés à l'obtention et à la perte d'une connexion réseau.

Événements déclenchés sur Window.

Événements déclenchés sur NetworkInformation (en-US) (Network Information API).

Paiements

Les événements liés à l'API Payment Request API.

Événements déclenchés sur PaymentRequest (en-US), PaymentResponse (en-US).

Performance

Événements liés aux APIs Performance API, Performance Timeline API, Navigation Timing API (en-US), User Timing API (en-US), et Resource Timing API (en-US).

Événements déclenchés sur Performance.

Pointeur

Les événements liés à l'API Pointer Events API.

Fournit une notification agnostique du matériel à partir des dispositifs de pointage, y compris la souris, la souris tactile, le stylo/stylet.

Événements déclenchés sur Document, HTMLElement.
Impression

Événements liés à l'impression.

Événements déclenchés sur Window.
Rejet de promesse

Événements envoyés au contexte global du script lorsqu'une promesse JavaScript est rejetée.

Événements déclenchés sur Window.
Sockets

Les événements liés à l'API WebSockets API.

Événements déclenchés sur Websocket.
SVG

Événements liés aux images SVG.

Événements déclenchés sur SVGElement, SVGAnimationElement (en-US), SVGGraphicsElement (en-US).

Sélection de texte

Événements liés à la sélection du texte.

Événements déclenchés sur Document.

Tactile

Les événements liés à l'API Événements tactiles.

Fournit des événements de notification provenant de l'interaction avec un écran tactile (c'est-à-dire l'utilisation d'un doigt ou d'un stylet). Non lié à l'API Force Touch API.

Événements déclenchés sur Document, Element.
Réalité virtuelle

Les événements liés à l'API WebXR Device API.

Note :

L'API WebVR API (et les événements associés à Window) sont dépréciés.

Événements déclenchés sur XRSystem (en-US), XRSession (en-US), XRReferenceSpace (en-US).
RTC (communication en temps réel)

Les événements liés à l'API WebRTC API.

Événements déclenchés sur RTCDataChannel (en-US), RTCDTMFSender (en-US), RTCIceTransport (en-US), RTCPeerConnection.
Événements envoyés par le serveur

Les événements liés à l'API des événements envoyés par le serveur.

Événements déclenchés sur EventSource.
Synthèse vocale

Les événements liés à l'API Web Speech API.

Événements déclenchés sur SpeechSynthesisUtterance.
Workers

Les événements liés aux APIs Web Workers API, Service Worker API, Broadcast Channel API (en-US), et Channel Messaging API (en-US).

Utilisé pour répondre aux nouveaux messages et aux erreurs d'envoi de messages. Les travailleurs de service peuvent également être notifiés d'autres événements, notamment les notifications push, les utilisateurs qui cliquent sur les notifications affichées, le fait que l'abonnement push a été invalidé, la suppression d'éléments de l'index de contenu, etc.

Événements déclenchés sur ServiceWorkerGlobalScope, DedicatedWorkerGlobalScope, SharedWorkerGlobalScope, WorkerGlobalScope, Worker, WorkerGlobalScope, BroadcastChannel (en-US), MessagePort (en-US).

Listing des événements

Cette section répertorie les événements qui ont leurs propres pages de référence sur MDN. Si vous êtes intéressé par un événement qui n'est pas listé ici, essayez de rechercher son nom, son domaine ou les spécifications associées sur le reste de MDN.

AbortSignal
AudioScheduledSourceNode (en-US)
AudioTrackList (en-US)
BroadcastChannel (en-US)
DedicatedWorkerGlobalScope
Document
Element
EventSource
FileReader
HTMLCanvasElement
HTMLDetailsElement (en-US)
HTMLDialogElement
HTMLElement
HTMLFormElement
HTMLInputElement
HTMLMediaElement
HTMLSlotElement (en-US)
HTMLTrackElement (en-US)
HTMLVideoElement
IDBDatabase
IDBOpenDBRequest
IDBRequest
IDBTransaction
MediaDevices
MediaRecorder (en-US)
MediaStream
MediaStreamTrack (en-US)
MessagePort (en-US)
OfflineAudioContext (en-US)
PaymentRequest (en-US)
PaymentResponse (en-US)
Performance
PictureInPictureWindow (en-US)
RTCDataChannel (en-US)
RTCDtlsTransport (en-US)
RTCDTMFSender (en-US)
RTCIceTransport (en-US)
RTCPeerConnection
ScriptProcessorNode (en-US)
ServiceWorkerContainer
ServiceWorkerGlobalScope
SharedWorkerGlobalScope
SpeechRecognition
SpeechSynthesis (en-US)
SpeechSynthesisUtterance
SVGAnimationElement (en-US)
SVGElement
SVGGraphicsElement (en-US)
TextTrack (en-US)
TextTrackList (en-US)
VideoTrackList (en-US)
VisualViewport (en-US)
WebSocket
Window
Worker
WorkerGlobalScope
XMLHttpRequest
XRReferenceSpace (en-US)
XRSession (en-US)
XRSystem (en-US)