Attributs d'événements mondiaux
HTML 4 a ajouté la possibilité de laisser les événements déclenchent des actions dans un navigateur, comme à partir d'un script JavaScript quand un utilisateur clique sur un élément.
Pour en savoir plus sur les événements de programmation, s'il vous plaît visitez notre tutoriel JavaScript .
Voici les attributs d'événements mondiaux qui peuvent être ajoutés aux éléments HTML pour définir les actions d'événement.
= Nouvel événement attributs HTML5.
Attributs fenêtre de l'événement
Événements déclenchés pour l'objet de fenêtre (applique à la <body> tag):
| Attribut | Valeur | La description |
|---|---|---|
| onafterprint | script | Script à exécuter après que le document est imprimé |
| onbeforeprint | script | Script à exécuter avant que le document est imprimé |
| onbeforeunload | script | Script à exécuter lorsque le document est sur le point d'être déchargé |
| onerror | script | Script à exécuter en cas d'erreur |
| onhashchange | script | Script à exécuter quand il y a eu des changements à la partie d'ancrage de l'URL |
| onload | script | Les incendies après la page est terminé le chargement |
| onmessage | script | Script à exécuter lorsque le message est déclenché |
| onoffline | script | Script à exécuter lorsque le navigateur commence à travailler en mode hors connexion |
| ononline | script | Script à exécuter lorsque le navigateur commence à travailler en ligne |
| onpagehide | script | Script à exécuter lorsqu'un utilisateur quitte une page |
| onpageshow | script | Script à exécuter quand un utilisateur accède à une page |
| onpopstate | script | Script à exécuter les modifications de l'histoire de la fenêtre |
| onresize | script | Se déclenche lorsque la fenêtre du navigateur est redimensionnée |
| onstorage | script | Script à exécuter quand une zone de stockage Web est mis à jour |
| onunload | script | Les incendies une fois par page a déchargé (ou la fenêtre du navigateur a été fermé) |
Evénements formulaire
Événements déclenchés par des actions à l'intérieur d'un formulaire HTML (applique à presque tous les éléments HTML, mais est le plus utilisé dans les éléments de formulaire):
| Attribut | Valeur | La description |
|---|---|---|
| onblur | script | Déclenche le moment que l'élément perd le focus |
| onchange | script | Déclenche le 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 | Déclenche le moment où l'élément obtient le focus |
| oninput | script | Script à exécuter quand un élément reçoit une entrée d'utilisateur |
| oninvalid | script | Script à exécuter quand un élément est invalide |
| onreset | script | Se déclenche lorsque le bouton de réinitialisation sous une forme est cliqué |
| onsearch | script | Se déclenche lorsque l'utilisateur écrit quelque chose dans un champ de recherche (pour <input = "search">) |
| onselect | script | Les incendies après un texte a été sélectionné dans un élément |
| onsubmit | script | Les incendies lorsqu'un formulaire est soumis |
Keyboard Events
| Attribut | Valeur | La description |
|---|---|---|
| onkeydown | script | Fires lorsqu'un utilisateur appuie sur une touche |
| onkeypress | script | Se déclenche lorsque l'utilisateur appuie sur une touche |
| onkeyup | script | Se déclenche lorsque l'utilisateur relâche une touche |
Événements de la souris
Événements déclenchés par une souris, ou les actions des utilisateurs similaires:
| Attribut | Valeur | La description |
|---|---|---|
| onclick | script | Feux sur un clic de souris sur l'élément |
| ondblclick | script | Les incendies sur une souris double-cliquez sur l'élément |
| ondrag | script | Script à exécuter quand un élément est traîné |
| ondragend | script | Script à exécuter à la fin d'une opération de déplacement |
| ondragenter | script | Script à exécuter quand un élément a été traîné à une cible de dépôt valide |
| ondragleave | script | Script à exécuter lorsqu'un élément laisse une cible de dépôt valide |
| ondragover | script | Script à exécuter quand 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 déplacement |
| ondrop | script | Script à exécuter lorsque l'élément traîné est tombé |
| onmousedown | script | Fires quand un bouton de la souris est pressé vers le bas sur un élément |
| onmousemove | script | Se déclenche lorsque le pointeur de la souris se déplace alors qu'il est sur un élément |
| onmouseout | script | Se déclenche lorsque le pointeur de la souris se déplace sur un élément |
| onmouseover | script | Se déclenche lorsque le pointeur de la souris se déplace sur un élément |
| onmouseup | script | Fires quand un bouton de la souris est relâché sur un élément |
| onmousewheel | script | Obsolète. Utilisez le onwheel attribut à la place |
| onscroll | script | Script à exécuter lorsque la barre de défilement d'un élément est défile |
| onwheel | script | Se déclenche lorsque la molette de la souris roule vers le haut ou vers le bas sur un élément |
Presse-papiers Événements
| Attribut | Valeur | La 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 une partie du contenu dans un élément |
Media Events
Événements déclenchés par les médias comme des vidéos, des images et audio (applique à tous les éléments HTML, mais il est plus fréquent chez les éléments multimédias, comme <audio> , <embed> , <img> , <object> et <video> ).
Astuce: Regardez notre HTML Audio et Vidéo Référence du DOM pour plus d' informations.
| Attribut | Valeur | La description |
|---|---|---|
| onabort | script | Script à exécuter sur abort |
| oncanplay | script | Script à exécuter lorsqu'un fichier est prêt à commencer à jouer (quand il a tamponné assez pour commencer) |
| oncanplaythrough | script | Script à exécuter lorsqu'un fichier peut être joué tout le chemin à la fin sans pause pour tamponner |
| oncuechange | script | Script à exécuter lorsque les changements de repère dans une <track> élément |
| ondurationchange | script | Script à exécuter lorsque la longueur des changements des médias |
| onemptied | script | Script à exécuter quand quelque chose se passe mal et le fichier est soudainement indisponible (comme se déconnecte de façon inattendue) |
| onended | script | Script à exécuter lorsque le support a atteint la fin (un événement utile pour des messages comme "merci pour l'écoute") |
| onerror | script | Script à exécuter lorsqu'une erreur se produit lorsque le fichier est en cours de chargement |
| onloadeddata | script | Script à exécuter lorsque les données des médias est chargé |
| onloadedmetadata | script | Script à exécuter lorsque les méta-données (telles que les dimensions et la durée) sont chargés |
| onloadstart | script | Script à exécuter tout comme le fichier commence à se charger avant que quelque chose est en fait chargé |
| onpause | script | Script à exécuter lorsque le support est en pause soit par l'utilisateur ou par programmation |
| onplay | script | Script à exécuter lorsque le support est prêt à commencer à jouer |
| onplaying | script | Script à exécuter lorsque les médias en fait a commencé à jouer |
| onprogress | script | Script à exécuter lorsque le navigateur est dans le processus d'obtention des données de médias |
| onratechange | script | Script à exécuter chaque fois que les changements de taux de lecture (comme lorsqu'un utilisateur passe à un mouvement lent ou en mode avance rapide) |
| onseeked | script | Script à exécuter lorsque la seeking de l' attribut est défini sur false indiquant que la recherche a pris fin |
| onseeking | script | Script à exécuter lorsque la seeking de l' attribut est défini sur true , indiquant que la recherche est active |
| onstalled | script | Script à exécuter lorsque le navigateur est incapable de récupérer les données des médias pour une raison quelconque |
| onsuspend | script | Script à exécuter lors de la récupération des données de médias est arrêté avant qu'il ne soit complètement chargé pour une raison quelconque |
| ontimeupdate | script | Script à exécuter lorsque la position de jeu a changé (comme lorsque l'utilisateur avance rapide à un point différent dans les médias) |
| onvolumechange | script | Script à exécuter chaque fois que le volume est modifié qui (comprend le réglage du volume à "mute") |
| onwaiting | script | Script à exécuter lorsque le support est en pause, mais devrait reprendre (comme lorsque les médias se met en pause au tampon plus de données) |
Événements Divers
| Attribut | Valeur | La description |
|---|---|---|
| onerror | script | Se déclenche lorsque une erreur se produit lors du chargement d'un fichier externe |
| onshow | script | Fires lorsqu'un <menu> élément apparaît sous la forme d' un menu contextuel |
| ontoggle | script | Se déclenche lorsque l'utilisateur ouvre ou ferme le <details> élément |