Événements HTML DOM

Événements HTML DOM

Les événements HTML DOM permettent à JavaScript de registering different event handlers sur les éléments du document HTML.

Les événements sont généralement utilisés avec des fonctions, les fonctions ne sont pas exécutées avant l'événement (par exemple, lorsque l'utilisateur clique sur un bouton).

Pour les tutoriels sur les événements, apprenez notre Tutoriel JavaScript événement.

événement Description Appartient
abort Cet événement se déclenche lorsque le chargement du média est interrompu.
afterprint Cet événement se déclenche lorsque la page commence à être imprimée ou lorsque la boîte de dialogue d'impression est fermée. Event
animationend Cet événement se déclenche à la fin de l'animation CSS. AnimationEvent
animationiteration Cet événement se déclenche lors de la répétition de l'animation CSS. AnimationEvent
animationstart Cet événement se déclenche au début de l'animation CSS. AnimationEvent
beforeprint Cet événement se déclenche lorsque la page est prête à être imprimée. Event
beforeunload Cet événement se déclenche avant que le document ne soit déchargé.
blur Cet événement se déclenche lorsque l'élément perd le focus. FocusEvent
canplay Cet événement se déclenche lorsque le navigateur peut commencer à lire le média. Event
canplaythrough Cet événement se déclenche lorsque le navigateur peut lire le média sans arrêter le buffering. Event
change Cet événement se déclenche lorsque le contenu, la sélection ou l'état sélectionné de l'élément form发生变化. Event
click Cet événement se déclenche lorsque l'utilisateur clique sur l'élément. MouseEvent
contextmenu Cet événement se déclenche lorsque l'utilisateur clique avec le bouton droit sur un élément pour ouvrir le menu contextuel. MouseEvent
copy Cet événement se déclenche lorsque l'utilisateur copie le contenu de l'élément. ClipboardEvent
cut Cet événement se déclenche lorsque l'utilisateur coupe le contenu de l'élément. ClipboardEvent
dblclick Cet événement se déclenche lorsque l'utilisateur double-clique sur l'élément. MouseEvent
drag Cet événement se déclenche lorsque l'élément est glissé. DragEvent
dragend Cet événement se produit lorsque l'utilisateur termine le glisser-déposer d'un élément. DragEvent
dragenter Cet événement se produit lorsque l'élément glissé entre dans la cible de placement. DragEvent
dragleave Cet événement se produit lorsque l'élément glissé quitte la cible de placement. DragEvent
dragover Cet événement se produit lorsque l'élément glissé est au-dessus de la cible de placement. DragEvent
dragstart Cet événement se produit lorsque l'utilisateur commence à glisser un élément. DragEvent
drop Cet événement se produit lorsque l'élément glissé est placé sur la cible de placement. DragEvent
durationchange Cet événement se produit lorsque la durée du média change. Event
ended Cet événement se produit lorsque le média atteint la fin. Event
error Cet événement se produit après une erreur lors du chargement d'un fichier externe.
focus Cet événement se produit lorsque l'élément obtient le focus. FocusEvent
focusin Cet événement se produit lorsque l'élément va obtenir le focus. FocusEvent
focusout Cet événement se produit lorsque l'élément va perdre le focus. FocusEvent
fullscreenchange Cet événement se produit lorsque l'élément est affiché en mode plein écran. Event
fullscreenerror Cet événement se produit lorsque l'élément ne peut pas être affiché en mode plein écran. Event
hashchange Cet événement se produit lorsque la partie ancre de l'URL change. HashChangeEvent
input Cet événement se produit lorsque l'élément reçoit une entrée utilisateur.
invalid Cet événement se produit lorsque l'élément est invalide. Event
keydown Cet événement se produit lorsque l'utilisateur appuie sur une touche. KeyboardEvent
keypress Cet événement se produit lorsque l'utilisateur appuie sur une touche. KeyboardEvent
keyup Cet événement se produit lorsque l'utilisateur relâche une touche. KeyboardEvent
load Cet événement se produit lorsque l'objet est chargé.
loadeddata Cet événement se produit après le chargement des données du média. Event
loadedmetadata Cet événement se produit lors du chargement des métadonnées (par exemple, la taille et la durée). Event
loadstart Cet événement se produit lorsque le navigateur commence à chercher le média spécifié. ProgressEvent
message Cet événement se produit lors de la réception de messages par ce pointeur d'événement. Event
mousedown Cet événement se produit lorsque l'utilisateur appuie sur le bouton de la souris sur un élément. MouseEvent
mouseenter Cet événement se produit lorsque le pointeur se déplace sur un élément. MouseEvent
mouseleave Cet événement se produit lorsque le pointeur quitte un élément. MouseEvent
mousemove Cet événement se produit lorsque le pointeur se déplace au-dessus d'un élément. MouseEvent
mouseout Cet événement se produit lorsque l'utilisateur déplace le pointeur de la souris hors d'un élément ou l'un de ses éléments enfants. MouseEvent
mouseover Cet événement se produit lorsque le pointeur se déplace sur un élément ou l'un de ses éléments enfants. MouseEvent
mouseup Cet événement se produit lorsque l'utilisateur relâche le bouton de la souris sur un élément. MouseEvent
mousewheel Il n'est pas recommandé d'utiliser.Veuillez utiliser wheel Événement. WheelEvent
offline Cet événement se produit lorsque le navigateur commence à travailler hors ligne. Event
online Cet événement se produit lorsque le navigateur commence à travailler en ligne. Event
open Cet événement se produit lors de l'ouverture de la connexion avec l'origine de l'événement. Event
pagehide Cet événement se produit lorsque l'utilisateur quitte une page web pour naviguer. PageTransitionEvent
pageshow Cet événement se produit lorsque l'utilisateur navigue vers une page web. PageTransitionEvent
paste Cet événement se produit lorsque l'utilisateur colle du contenu dans un élément. ClipboardEvent
pause Cet événement se produit lorsque le média est mis en pause par l'utilisateur ou de manière programmée. Event
play Cet événement se produit lorsque le média a démarré ou n'est plus en pause. Event
playing Cet événement se produit lorsque le média est mis en pause ou arrêté pour le buffering avant de reprendre la lecture. Event
popstate Cet événement se produit lorsque l'historique de la fenêtre change. PopStateEvent
progress Cet événement se produit lorsque le navigateur est en train de récupérer des données média. Event
ratechange Cet événement se produit lorsque la vitesse de lecture du média change. Event
reset Cet événement se produit lors du reset du formulaire. Event
resize Cet événement se produit lors de l'ajustement de la taille de la vue du document.
scroll Cet événement se produit lors du défilement de la barre de défilement d'un élément.
search Cet événement se produit lorsque l'utilisateur saisit du contenu dans le champ de recherche. Event
seeked Cet événement se produit lorsque l'utilisateur a terminé de déplacer/sauter à une nouvelle position dans le média. Event
seeking Cet événement se produit lorsque l'utilisateur commence à déplacer/sauter à une nouvelle position dans le média. Event
select Cet événement se produit après que l'utilisateur ait sélectionné du texte (pour <input> et <textarea>).
show Cet événement se produit lorsque l'élément <menu> est affiché comme un menu contextuel. Event
stalled Cet événement se produit lorsque le navigateur tente de récupérer des données média mais que ces données ne sont pas disponibles. Event
storage Cet événement se produit lors de la mise à jour de la zone de stockage Web. StorageEvent
submit Cet événement se produit lors de la soumission du formulaire. Event
suspend Cet événement se produit lorsque le navigateur ne tente pas de récupérer des données média intentionnellement. Event
timeupdate Cet événement se produit lorsque la position de lecture est modifiée. Event
toggle Cet événement se produit lorsque l'utilisateur ouvre ou ferme l'élément <details>. Event
touchcancel Cet événement se produit lorsque le toucher est interrompu. TouchEvent
touchend Cet événement se produit lorsque le doigt est levé de l'écran tactile. TouchEvent
touchmove Cet événement se produit lorsque le doigt glisse sur l'écran. TouchEvent
touchstart Cet événement se produit lorsque le doigt est posé sur l'écran tactile. TouchEvent
transitionend Cet événement se produit lorsque la conversion CSS est terminée. TransitionEvent
unload Cet événement se produit après le déchargement de la page (pour <body>).
volumechange Cet événement se produit lorsque le volume du média a changé. Event
waiting Cet événement se produit lorsque le média est en pause mais est attendu pour être restauré. Event
wheel Cet événement se produit lorsque la molette de la souris est défilée vers le haut ou le bas dans l'élément. WheelEvent

Attributs et méthodes des événements HTML DOM

Attribut/méthode Description Appartient
altKey Retourne si la touche "ALT" a été enfoncée lors de l'événement souris. MouseEvent
altKey Retourne si la touche "ALT" a été enfoncée lors de l'événement de frappe de touche.
animationName Retourne le nom de l'animation. AnimationEvent
bubbles Retourne si l'événement spécifique est un événement de bulle. Event
button Retourne le bouton de la souris appuyé lors de l'événement souris. MouseEvent
buttons Retourne le bouton de la souris appuyé lors de l'événement souris. MouseEvent
cancelBubble Définit ou retourne si l'événement doit être propagé vers les niveaux supérieurs.
cancelable Retourne si l'événement peut empêcher son opération par défaut. Event
changeTouches Retourne la liste des objets de touche où l'état a changé entre le dernier toucher et le toucher actuel. TouchEvent
charCode Retourne le code Unicode de la touche déclenchant l'événement onkeypress. KeyboardEvent
clientX Retourne la coordonnée horizontale du pointeur de la souris par rapport à la fenêtre courante lors de l'événement souris.
clientY Retourne la coordonnée verticale du pointeur de la souris par rapport à la fenêtre courante lors de l'événement souris.
clipboardData Retourne un objet contenant les données affectées par l'opération de presse-papiers. ClipboardData
code Retourne le code de la touche déclenchant l'événement. KeyboardEvent
composed Indique si l'événement peut être transmis du Shadow DOM au DOM général. Event
composedPath() Retourne le chemin de l'événement.
createEvent() Créer un nouvel événement. Event
ctrlKey Retourne si la touche "CTRL" a été enfoncée lors de l'événement souris. MouseEvent
ctrlKey Retourne si la touche "CTRL" a été enfoncée lors de l'événement souris.
currentTarget Retourne l'élément qui a déclenché l'événement via l'écouteur d'événement. Event
data Retourne le caractère inséré. InputEvent
dataTransfer Retourne un objet contenant les données glissées ou insérées/supprimées.
defaultPrevented Retourne si la méthode preventDefault() a été appelée pour l'événement. Event
deltaX Retourne la quantité de défilement horizontal de la molette de la souris (axe x). WheelEvent
deltaY Retourne la quantité de défilement vertical de la molette de la souris (axe y). WheelEvent
deltaZ Retourne la quantité de défilement de l'axe Z de la molette de la souris. WheelEvent
deltaMode Renvoie un nombre représentant l'unité de valeur de l'augmentation (pixels, lignes ou pages). WheelEvent
detail Renvoie un nombre indiquant le nombre de fois où la souris a été cliquée. UiEvent
elapsedTime Renvoie le nombre de secondes écoulées depuis le début de l'animation. AnimationEvent
elapsedTime Renvoie le nombre de secondes écoulées depuis le début de la transition. 　
eventPhase Renvoie la phase actuelle du flux d'événements. Event
getModifierState() Renvoie un tableau contenant la plage cible, qui sera affectée par l'insertion/suppression. MouseEvent
getTargetRanges() Renvoie un tableau contenant la plage cible, qui sera affectée par l'insertion/suppression. InputEvent
inputType Renvoie le type de modification (c'est-à-dire "inserting" ou "deleting"). InputEvent
isComposing Renvoie si l'état de l'événement est en cours de composition.
isTrusted Renvoie si l'événement est fiable. Event
key Renvoie la valeur de la touche représentée par l'événement. KeyboardEvent
key Renvoie la clé du projet de stockage modifié. StorageEvent
keyCode Renvoie le code Unicode de la touche qui a déclenché l'événement onkeypress, onkeydown ou onkeyup. KeyboardEvent
location Renvoie la position de la touche sur le clavier ou l'appareil. KeyboardEvent
lengthComputable Renvoie si la longueur du défilement peut être calculée. ProgressEvent
loaded Renvoie la quantité de travail déjà chargée. ProgressEvent
metaKey Renvoie si la touche "META" a été enfoncée lors de l'événement. MouseEvent
metaKey Renvoie si la touche "META" a été enfoncée lors de l'événement de frappe de touche.
MovementX Renvoie la coordonnée horizontale du pointeur de la souris par rapport à la position de l'événement mousemove précédent. MouseEvent
MovementY Renvoie la coordonnée verticale du pointeur de la souris par rapport à la position de l'événement mousemove précédent. MouseEvent
newURL Renvoie l'URL du document après le changement de hash. HasChangeEvent
newValue Renvoie la nouvelle valeur du projet de stockage modifié. StorageEvent
offsetX Renvoie la coordonnée horizontale du pointeur de la souris par rapport à la marge de l'élément cible. MouseEvent
offsetY Renvoie la coordonnée verticale du pointeur de la souris par rapport à la marge de l'élément cible. MouseEvent
oldURL Renvoie l'URL du document avant le changement de hash. HasChangeEvent
oldValue Renvoie la valeur ancienne du projet de stockage modifié. StorageEvent
onemptied Cet événement se produit lorsque des problèmes se produisent et que le fichier média devient soudainement indisponible. 　
pageX Renvoie la coordonnée horizontale du pointeur de la souris par rapport au document lors de l'événement souris. MouseEvent
pageY Renvoie la coordonnée verticale du pointeur de la souris par rapport au document lors de l'événement souris. MouseEvent
persisted Renvoie si la page est stockée dans le cache du navigateur. PageTransitionEvent
preventDefault() Si l'événement peut être annulé, l'annule et ne pas exécuter les opérations par défaut de l'événement. Event
propertyName Retourne le nom de la propriété CSS associée à l'animation ou à la transition.
pseudoElement Retourne le nom du pseudo-élément de l'animation ou de la transition.
region MouseEvent
relatedTarget Retourne l'élément associé à l'élément déclenchant l'événement souris. MouseEvent
relatedTarget Retourne l'élément associé à l'élément déclenchant l'événement. FocusEvent
repeat Retourne si une touche est enfoncée de manière répétée. KeyboardEvent
screenX Retourne la coordonnée horizontale de la souris par rapport à l'écran. MouseEvent
screenY Retourne la coordonnée verticale de la souris par rapport à l'écran. MouseEvent
shiftKey Retourne si la touche "SHIFT" a été enfoncée lors du déclenchement de l'événement. MouseEvent
shiftKey Retourne si la touche "SHIFT" a été enfoncée lors du déclenchement de l'événement de frappe de touche.
state Retourne un objet contenant une copie de l'entrée d'historique. PopStateEvent
stopImme...() Empêche l'appel d'autres listeners pour le même événement. Event
stopPropagation() Empêche l'événement de se propager davantage dans le flux d'événements. Event
storageArea Retourne l'objet représentant l'objet de stockage affecté. StorageEvent
target Retourne l'élément déclenchant l'événement. Event
targetTouches Retourne la liste de la liste TouchList des TouchObjects contenant tous les points de touche encore en contact avec la surface. TouchEvent
timeStamp Retourne le temps (en millisecondes) à partir de l'époque de création de l'événement. Event
total Retourne la quantité totale de travail à charger. ProgressEvent
touches Retourne la liste des objets touch des touchs actuels en contact avec la surface. TouchEvent
type Retourne le nom de l'événement. Event
url Retourne l'URL du document dans lequel se trouve l'élément modifié. StorageEvent
which Retourne le bouton de la souris appuyé lors de l'événement souris. MouseEvent
which Retourne le code Unicode de la touche déclenchant l'événement onkeypress, ou le code de touche Unicode de la touche déclenchant les événements onkeydown ou onkeyup. KeyboardEvent
view Retourne une référence à l'objet Window sur lequel l'événement s'est produit. UiEvent