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
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 .
|
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
AudioTrackList
BroadcastChannel
DedicatedWorkerGlobalScope
Document
- animationcancel
- animationend
- animationiteration
- animationstart
- copy
- cut
- DOMContentLoaded
- dragend
- dragenter
- dragleave
- dragover
- dragstart
- drag
- drop
- fullscreenchange
- fullscreenerror
- gotpointercapture
- keydown
- keypress
- keyup
- lostpointercapture
- paste
- pointercancel
- pointerdown
- pointerenter
- pointerleave
- pointerlockchange
- pointerlockerror
- pointermove
- pointerout
- pointerover
- pointerup
- readystatechange
- scroll
- selectionchange
- selectstart
- touchcancel
- touchend
- touchmove
- touchstart
- transitioncancel
- transitionend
- transitionrun
- transitionstart
- visibilitychange
- wheel
Element
- afterscriptexecute
- auxclick
- beforescriptexecute
- blur
- click
- compositionend
- compositionstart
- compositionupdate
- contextmenu
- copy
- cut
- dblclick
- DOMActivate
- DOMMouseScroll
- error
- focusin
- focusout
- focus
- fullscreenchange
- fullscreenerror
- gesturechange
- gestureend
- gesturestart
- keydown
- keypress
- keyup
- mousedown
- mouseenter
- mouseleave
- mousemove
- mouseout
- mouseover
- mouseup
- mousewheel
- msContentZoom
- MSGestureChange
- MSGestureEnd
- MSGestureHold
- MSGestureStart
- MSGestureTap
- MSInertiaStart
- MSManipulationStateChanged
- overflow
- paste
- scroll
- select
- show
- touchcancel
- touchend
- touchmove
- touchstart
- underflow
- webkitmouseforcechanged
- webkitmouseforcedown
- webkitmouseforceup
- webkitmouseforcewillbegin
- wheel
EventSource
FileReader
HTMLCanvasElement
HTMLDetailsElement
HTMLDialogElement
HTMLElement
HTMLFormElement
HTMLInputElement
HTMLMediaElement
HTMLSlotElement
HTMLTrackElement
HTMLVideoElement
IDBDatabase
IDBOpenDBRequest
IDBRequest
IDBTransaction
MediaDevices
MediaRecorder
MediaStream
MediaStreamTrack
MessagePort
OfflineAudioContext
PaymentRequest
PaymentResponse
Performance
PictureInPictureWindow
RTCDataChannel
RTCDtlsTransport
RTCDTMFSender
RTCIceTransport
RTCPeerConnection
ScriptProcessorNode
ServiceWorkerContainer
ServiceWorkerGlobalScope
SharedWorkerGlobalScope
SpeechRecognition
SpeechSynthesis
SpeechSynthesisUtterance
SVGAnimationElement
SVGElement
SVGGraphicsElement
TextTrack
TextTrackList
VideoTrackList
VisualViewport
WebSocket
Window
- afterprint
- animationcancel
- animationend
- animationiteration
- animationstart
- appinstalled
- beforeprint
- beforeunload
- blur
- copy
- cut
- devicemotion
- deviceorientation
- DOMContentLoaded
- error
- focus
- gamepadconnected
- gamepaddisconnected
- hashchange
- languagechange
- load
- messageerror
- message
- offline
- online
- orientationchange
- pagehide
- pageshow
- paste
- popstate
- rejectionhandled
- resize
- storage
- transitioncancel
- transitionend
- transitionrun
- transitionstart
- unhandledrejection
- unload
- vrdisplayactivate
- vrdisplayblur
- vrdisplayconnect
- vrdisplaydeactivate
- vrdisplaydisconnect
- vrdisplayfocus
- vrdisplaypointerrestricted
- vrdisplaypointerunrestricted
- vrdisplaypresentchange
Worker
WorkerGlobalScope
XMLHttpRequest
XRReferenceSpace
XRSession
XRSystem