HTML Attributs d'Événements
Attributs d'Événements Globaux
HTML permet aux événements de déclencher des actions dans un navigateur, comme démarrer un script JavaScript lorsqu'un utilisateur clique sur un élément.
Pour en savoir plus sur la programmation des événements, veuillez consulter notre tutoriel JavaScript .
Ci-dessous, vous trouverez les attributs d'événements globaux qui peuvent être ajoutés aux éléments HTML pour définir des actions d'événements.
Attributs d'Événements de Fenêtre
Événements déclenchés pour l'objet fenêtre (s'applique à la balise <body>):
| Attribut | Valeur | Description |
| onafterprint | script | Script à exécuter après que le document a été imprimé |
| onbeforeprint | script | Script à exécuter avant que le document ne soit imprimé |
| 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 changements dans la partie ancre d'une URL |
| onload | script | Se déclenche après que la page a fini de se charger |
| 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 navigue loin d'une page |
| onpageshow | script | Script à exécuter lorsqu'un utilisateur navigue vers 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 lorsqu'une zone de stockage Web est mise à jour |
| onunload | script | Se déclenche une fois qu'une page a été 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 | Se déclenche au moment où la valeur de l'élément est changée |
| oncontextmenu | script | Script à exécuter lorsqu'un menu contextuel est déclenché |
| onfocus | script | Se déclenche au moment où l'élément obtient le focus |
| oninput | script | Script à exécuter lorsqu'un élément reçoit une entrée utilisateur |
| oninvalid | script | Script à exécuter lorsqu'un élément est invalide |
| onreset | script | Se déclenche lorsque le bouton Réinitialiser dans un formulaire est cliqué |
| onsearch | script | Se déclenche lorsque l'utilisateur saisit quelque chose dans un champ de recherche (pour <input="search">) |
| onselect | script | Se déclenche après qu'un texte a é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 presse une touche |
| onkeyup | script | Se déclenche lorsqu'un utilisateur relâche une touche |
É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 lors d'un double-clic de souris sur l'élément |
| onmousedown | script | Se déclenche lorsqu'un bouton de souris est enfoncé sur un élément |
| onmousemove | script | Se déclenche lorsque le pointeur de la souris se déplace sur un élément |
| onmouseout | script | Se déclenche lorsque le pointeur de la souris sort d'un élément |
| onmouseover | script | Se déclenche lorsque le pointeur de la souris passe sur un élément |
| onmouseup | script | Se déclenche lorsqu'un bouton de souris est relâché sur un élément |
| onmousewheel | script | Obsolète. Utilisez l'attribut onwheel à la place |
| onwheel | script | Se déclenche lorsque la molette de la souris roule vers le haut ou vers le bas sur un élément |
Événements de Glisser
| 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 glissement |
| 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 en cours de glissement au-dessus d'une cible de dépôt valide |
| ondragstart | script | Script à exécuter au début d'une opération de glissement |
| ondrop | script | Script à exécuter lorsque l'élément glissé est déposé |
| onscroll | script | Script à exécuter lorsque la barre de défilement d'un élément est en cours de défilement |
Événements de 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édias
Événements déclenchés par des médias comme des vidéos, des images et de l'audio (s'applique à tous les éléments HTML, mais est le plus courant dans les éléments multimédias, tels que <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 (lorsqu'il a suffisamment mis en mémoire tampon pour commencer) |
| oncanplaythrough | script | Script à exécuter lorsqu'un fichier peut être joué jusqu'à la fin sans pause pour mise en mémoire tampon |
| oncuechange | script | Script à exécuter lorsque la balise change dans un élément <track> |
| ondurationchange | script | Script à exécuter lorsque la longueur du média change |
| onemptied | script | Script à exécuter lorsqu'il se passe quelque chose de mauvais et que le fichier devient soudainement indisponible (comme des déconnexions inattendues) |
| onended | script | Script à exécuter lorsque le média a atteint la fin (un événement utile pour des messages comme "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 juste 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 le média a effectivement commencé à jouer |
| 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 le taux de lecture change (comme lorsque l'utilisateur passe à un mode ralenti ou avance rapide) |
| onseeked | script | Script à exécuter lorsque l'attribut de recherche est défini sur faux, indiquant que la recherche est terminée |
| onseeking | script | Script à exécuter lorsque l'attribut de recherche est défini sur vrai, indiquant que la recherche est active |
| onstalled | script | Script à exécuter lorsque le navigateur est incapable de récupérer les données multimédias pour une raison quelconque |
| onsuspend | script | 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 à un autre point dans le média) |
| onvolumechange | script | Script à exécuter chaque fois que le volume est changé (ce qui inclut le réglage du volume sur "muet") |
| onwaiting | script | Script à exécuter lorsque le média est en pause mais est censé reprendre (comme lorsque le média se met en pause pour mettre en mémoire tampon plus de données) |
Événements Divers
| Attribut | Valeur | Description |
| ontoggle | script | Se déclenche lorsque l'utilisateur ouvre ou ferme l'élément <details> |