En
Ua
Es
De
HTML Attributs d'événement
Attributs d'événement globaux
HTML a la capacité de permettre à des événements de déclencher des actions dans un navigateur, comme le démarrage d'un code JavaScript lorsqu'un utilisateur clique sur un élément.
Pour en savoir plus sur la programmation d'événements, veuillez consulter notre Tutoriel JavaScript.
Vous trouverez ci-dessous les attributs d'événement globaux qui peuvent être ajoutés aux éléments HTML pour définir les actions d'événement.
Attributs d'événement de fenêtre
Événements déclenchés pour l'objet window (s'applique à la balise <body>) :
| Attribut |
Valeur |
Description |
| onafterprint |
script |
Script à exécuter après l'impression du document |
| onbeforeprint |
script |
Script à exécuter avant l'impression du document |
| onbeforeunload |
script |
Script à exécuter lorsque le document est sur le point d'être déchargé |
| onerror |
script |
Script à exécuter lorsqu'une erreur se produit |
| onhashchange |
script |
Script à exécuter lorsqu'il y a eu des modifications dans la partie d'ancrage d'une URL |
| onload |
script |
Se déclenche une fois le chargement de la page terminé |
| onmessage |
script |
Script à exécuter lorsque le message est déclenché |
| onoffline |
script |
Script à exécuter lorsque le navigateur commence à fonctionner hors ligne |
| ononline |
script |
Script à exécuter lorsque le navigateur commence à fonctionner en ligne |
| onpagehide |
script |
Script à exécuter lorsqu'un utilisateur quitte une page |
| onpageshow |
script |
Script à exécuter lorsqu'un utilisateur accède à une page |
| onpopstate |
script |
Script à exécuter lorsque l'historique de la fenêtre change |
| onresize |
script |
Se déclenche lorsque la fenêtre du navigateur est redimensionnée |
| onstorage |
script |
Script à exécuter lors de la mise à jour d'une zone Web Storage |
| onunload |
script |
Se déclenche une fois qu'une page est déchargée (ou que la fenêtre du navigateur a été fermée) |
Événements de formulaire
Événements déclenchés par des actions à l'intérieur d'un formulaire HTML (s'applique à presque tous les éléments HTML, mais est le plus utilisé dans les éléments de formulaire) :
| Attribut |
Valeur |
Description |
| onblur |
script |
Se déclenche au moment où l'élément perd le focus |
| onchange |
script |
Déclenche le moment où la valeur de l'élément est modifiée |
| oncontextmenu |
script |
Script à exécuter lorsqu'un menu contextuel est déclenché |
| onfocus |
script |
Déclenche le moment où l'élément obtient le focus |
| oninput |
script |
Script à exécuter lorsqu'un élément reçoit une entrée de l'utilisateur |
| oninvalid |
script |
Script à exécuter lorsqu'un élément n'est pas valide |
| onreset |
script |
Se déclenche lorsque l'on clique sur le bouton Réinitialiser dans un formulaire |
| onsearch |
script |
Se déclenche lorsque l'utilisateur écrit quelque chose dans un champ de recherche (par exemple <input="search">) |
| onselect |
script |
Se déclenche après qu'un texte ait été sélectionné dans un élément |
| onsubmit |
script |
Se déclenche lorsqu'un formulaire est soumis |
Événements de clavier
| Attribut |
Valeur |
Description |
| onkeydown |
script |
Se déclenche lorsqu'un utilisateur appuie sur une touche |
| onkeypress |
script |
Se déclenche lorsqu'un utilisateur appuie sur une touche |
| onkeyup |
script |
Se déclenche lorsqu'un utilisateur relâche une clé |
Événements de souris
| Attribut |
Valeur |
Description |
| onclick |
script |
Se déclenche lors d'un clic de souris sur l'élément |
| ondblclick |
script |
Se déclenche sur un double-clic de souris sur l'élément |
| onmousedown |
script |
Se déclenche lorsqu'un bouton de la souris est enfoncé sur un élément |
| onmousemove |
script |
Se déclenche lorsque le pointeur de la souris se déplace alors qu'il se trouve sur un élément |
| onmouseout |
script |
Se déclenche lorsque le pointeur de la souris quitte un élément |
| onmouseover |
script |
Se déclenche lorsque le pointeur de la souris se déplace sur un élément |
| onmouseup |
script |
Se déclenche lorsqu'un bouton de la souris est relâché sur un élément |
| onmousewheel |
script |
Obsolète. Utilisez plutôt l'attribut onwheel |
| onwheel |
script |
Se déclenche lorsque la molette de la souris roule vers le haut ou vers le bas sur un élément |
Faites glisser les événements
| Attribut |
Valeur |
Description |
| ondrag |
script |
Script à exécuter lorsqu'un élément est glissé |
| ondragend |
script |
Script à exécuter à la fin d'une opération de glisser |
| ondragenter |
script |
Script à exécuter lorsqu'un élément a été glissé vers une cible de dépôt valide |
| ondragleave |
script |
Script à exécuter lorsqu'un élément quitte une cible de dépôt valide |
| ondragover |
script |
Script à exécuter lorsqu'un élément est glissé sur une cible de dépôt valide |
| ondragstart |
script |
Script à exécuter au début d'une opération de glisser |
| ondrop |
script |
Script à exécuter lorsqu'un élément glissé est déposé |
| onscroll |
script |
Script à exécuter lorsque la barre de défilement d'un élément défile |
Événements du Presse-papiers
| Attribut |
Valeur |
Description |
| oncopy |
script |
Se déclenche lorsque l'utilisateur copie le contenu d'un élément |
| oncut |
script |
Se déclenche lorsque l'utilisateur coupe le contenu d'un élément |
| onpaste |
script |
Se déclenche lorsque l'utilisateur colle du contenu dans un élément |
Événements médiatiques
Événements déclenchés par des médias tels que des vidéos, des images et de l'audio (s'applique à tous les éléments HTML, mais est plus courant dans les éléments multimédias, comme <audio>, <embed>, <img>, <object>, et <video>).
| Attribut |
Valeur |
Description |
| onabort |
script |
Script à exécuter en cas d'abandon |
| oncanplay |
script |
Script à exécuter lorsqu'un fichier est prêt à commencer à jouer (quand il a suffisamment de mémoire tampon pour commencer) |
| oncanplaythrough |
script |
Script à exécuter lorsqu'un fichier peut être lu jusqu'à la fin sans pause pour la mise en mémoire tampon |
| oncuechange |
script |
Script à exécuter lorsque la cue change dans un élément <track> |
| ondurationchange |
script |
Script à exécuter lorsque la longueur du média change |
| onemptied |
script |
Script à exécuter lorsque quelque chose de grave se produit et que le fichier est soudainement indisponible (comme une déconnexion inattendue) |
| onended |
script |
Script à exécuter lorsque le média est arrivé à la fin (un événement utile pour les messages du type "merci d'avoir écouté") |
| onerror |
script |
Script à exécuter lorsqu'une erreur se produit lors du chargement du fichier |
| onloadeddata |
script |
Script à exécuter lorsque les données multimédias sont chargées |
| onloadedmetadata |
script |
Script à exécuter lorsque les métadonnées (comme les dimensions et la durée) sont chargées |
| onloadstart |
script |
Script à exécuter au moment où le fichier commence à se charger avant que quoi que ce soit ne soit réellement chargé |
| onpause |
script |
Script à exécuter lorsque le média est mis en pause, soit par l'utilisateur, soit par programme |
| onplay |
script |
Script à exécuter lorsque le média est prêt à commencer à jouer |
| onplaying |
script |
Script à exécuter lorsque la lecture du média commence réellement |
| onprogress |
script |
Script à exécuter lorsque le navigateur est en train d'obtenir les données multimédias |
| onratechange |
script |
Script à exécuter à chaque fois que la vitesse de lecture change (comme lorsqu'un utilisateur passe en mode ralenti ou avance rapide) |
| onseeked |
script |
Script à exécuter lorsque l'attribut de recherche est défini sur false, indiquant que la recherche est terminée |
| onseeking |
script |
Script à exécuter lorsque l'attribut de recherche est défini sur true, indiquant que la recherche est active |
| onstalled |
script |
Script à exécuter lorsque le navigateur ne parvient pas à récupérer les données multimédias pour une raison quelconque |
| onsuspend |
script |
Le script à exécuter lorsque la récupération des données multimédias est arrêtée avant qu'elles ne soient complètement chargées pour une raison quelconque |
| ontimeupdate |
script |
Script à exécuter lorsque la position de lecture a changé (comme lorsque l'utilisateur avance rapidement vers un point différent dans le média) |
| onvolumechange |
script |
Script à exécuter à chaque fois que le volume est modifié, ce qui (inclut la mise en sourdine du volume) |
| onwaiting |
script |
Script à exécuter lorsque le média est en pause mais devrait reprendre (comme lorsque le média s'arrête pour mettre plus de données en mémoire tampon) |
Divers événements
| Attribut |
Valeur |
Description |
| ontoggle |
script |
Se déclenche lorsque l'utilisateur ouvre ou ferme l'élément <details> |
