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.
| 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 Les événements de la Roue déclenchés sur |
| 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, HTMLDialogElement, HTMLSlotElement.
|
| Entrées |
Événements liés aux éléments d'entrée HTML, par ex. |
É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. |
|
| 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, etc.). |
Événements déclenchés sur ScriptProcessorNode, HTMLMediaElement, AudioTrackList, AudioScheduledSourceNode, MediaRecorder, MediaStream, MediaStreamTrack, VideoTrackList, HTMLTrackElement, OfflineAudioContext, TextTrack, TextTrackList, 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 Événements déclenchés sur |
| Paiements |
Les événements liés à l'API Payment Request API. |
Événements déclenchés sur |
| Performance |
Événements liés aux APIs Performance API, Performance Timeline API, Navigation Timing API, User Timing API, et Resource Timing API. |
Événements déclenchés sur |
| 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 |
| Sélection de texte |
Événements liés à la sélection du texte. |
Événements déclenchés sur |
| 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. |
Événements déclenchés sur XRSystem, XRSession, XRReferenceSpace. |
| RTC (communication en temps réel) |
Les événements liés à l'API WebRTC API. |
Événements déclenchés sur RTCDataChannel, RTCDTMFSender, RTCIceTransport, 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, et Channel Messaging API. 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, MessagePort.
|
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.
AbortSignalAudioScheduledSourceNodeAudioTrackListBroadcastChannelDedicatedWorkerGlobalScopeDocumentanimationcancelanimationendanimationiterationanimationstartcopycutDOMContentLoadeddragenddragenterdragleavedragoverdragstartdragdropfullscreenchangefullscreenerrorgotpointercapturekeydownkeypresskeyuplostpointercapturepastepointercancelpointerdownpointerenterpointerleavepointerlockchangepointerlockerrorpointermovepointeroutpointeroverpointerupreadystatechangescrollselectionchangeselectstarttouchcanceltouchendtouchmovetouchstarttransitioncanceltransitionendtransitionruntransitionstartvisibilitychangewheelElementafterscriptexecuteauxclickbeforescriptexecuteblurclickcompositionendcompositionstartcompositionupdatecontextmenucopycutdblclickDOMActivateDOMMouseScrollerrorfocusinfocusoutfocusfullscreenchangefullscreenerrorgesturechangegestureendgesturestartkeydownkeypresskeyupmousedownmouseentermouseleavemousemovemouseoutmouseovermouseupmousewheelmsContentZoomMSGestureChangeMSGestureEndMSGestureHoldMSGestureStartMSGestureTapMSInertiaStartMSManipulationStateChangedoverflowpastescrollselectshowtouchcanceltouchendtouchmovetouchstartunderflowwebkitmouseforcechangedwebkitmouseforcedownwebkitmouseforceupwebkitmouseforcewillbeginwheelEventSourceFileReaderHTMLCanvasElementHTMLDetailsElementHTMLDialogElementHTMLElementanimationcancelanimationendanimationiterationanimationstartbeforeinputchangegotpointercaptureinputlostpointercapturepointercancelpointerdownpointerenterpointerleavepointermovepointeroutpointeroverpointeruptransitioncanceltransitionendtransitionruntransitionstartHTMLFormElementHTMLInputElementHTMLMediaElementabortcanplaythroughcanplaydurationchangeemptiedendederrorloadeddataloadedmetadataloadstartpauseplayingplayprogressratechangeseekedseekingstalledsuspendtimeupdatevolumechangewaitingHTMLSlotElementHTMLTrackElementHTMLVideoElementIDBDatabaseIDBOpenDBRequestIDBRequestIDBTransactionMediaDevicesMediaRecorderMediaStreamMediaStreamTrackMessagePortOfflineAudioContextPaymentRequestPaymentResponsePerformancePictureInPictureWindowRTCDataChannelRTCDtlsTransportRTCDTMFSenderRTCIceTransportRTCPeerConnectionaddstreamconnectionstatechangedatachannelicecandidateerroricecandidateiceconnectionstatechangeicegatheringstatechangeidentityresultidpassertionerroridpvalidationerrornegotiationneededpeeridentityremovestreamsignalingstatechangetrackScriptProcessorNodeServiceWorkerContainerServiceWorkerGlobalScopeSharedWorkerGlobalScopeSpeechRecognitionSpeechSynthesisSpeechSynthesisUtteranceSVGAnimationElementSVGElementSVGGraphicsElementTextTrackTextTrackListVideoTrackListVisualViewportWebSocketWindowafterprintanimationcancelanimationendanimationiterationanimationstartappinstalledbeforeprintbeforeunloadblurcopycutdevicemotiondeviceorientationDOMContentLoadederrorfocusgamepadconnectedgamepaddisconnectedhashchangelanguagechangeloadmessageerrormessageofflineonlineorientationchangepagehidepageshowpastepopstaterejectionhandledresizestoragetransitioncanceltransitionendtransitionruntransitionstartunhandledrejectionunloadvrdisplayactivatevrdisplayblurvrdisplayconnectvrdisplaydeactivatevrdisplaydisconnectvrdisplayfocusvrdisplaypointerrestrictedvrdisplaypointerunrestrictedvrdisplaypresentchangeWorkerWorkerGlobalScopeXMLHttpRequestXRReferenceSpaceXRSessionXRSystem