Karim's Blog

Un peu de tout sur CSS, HTML, AngularJS, JavaScript, Php et le reste

Liste des évènements HTML5

Attribut Description
onafterprint New Le script démarre après l’impression du document
onbeforeprint New Le Script démarre avant l’impression du document
onbeforeonload New Le script démarre avant le chargement du document
onblur Le script démarre quand la fenêtre perd le focus
onerror New Le script démarre lorsqu’une erreur est detecté
onfocus Le script démarre quand la fenêtre à le focus – lorsqu’elle est séléctionner
onhaschange New Le script démarre si le document est modifié
onload Le script démarre lorsque le document est chargé
onmessage New Script à exécuter lorsqu’un message est déclenché
onoffline New Script à exécuter lorsque le document est déconnecté
ononline New Script à exécuter lorsque le document est en ligne
onpagehide New Script à exécuter lorsque la fenêtre est cachée
onpageshow New Script à exécuter lorsque la fenêtre est visible
onpopstate New Script à exécuter lorsque l’historique de la fenêtre est modifié
onredo New Script à exécuter lorsque le document effectue un Redo
onresize New Script à exécuter lorsque la taille de la fenêtre change
onstorage New Script à exécuter lors du chargement du document
onundo New Script à exécuter quand un document effectue un Undo – Annulation ou retour en arrière
onunload New Script à exécuter lorsque l’utilisateur quitte le document

Évènement de curseur / souris

Événements déclenchés par ula souris, son curseur, ses boutons ou sa molette – ou action similaire. Ils s’appliquent à tous les éléments HTML5.

Attribut Description
onclick Le script démarre si on clic sur l’élément
ondblclick Le script démarre si on double-clic sur l’élément
ondrag New Script à exécuter quand un élément est déplacé
ondragend New Script à exécuter à la fin d’une opération de déplacer/glisser
ondragenter New Script à exécuter quand un élément a été déplacée vers une cible de dépôt valide
ondragleave New Script à exécuter quand un élément quitte une cible de dépôt valide
ondragover New Script à exécuter quand un élément est glissé sur une cible de dépôt valide
ondragstart New Script à exécuter au début d’une opération de glisser/déplacer
ondrop New Script à exécuter lorsque l’élément glisser est relaché
onmousedown Script à exécuter quand un bouton de la souris est pressé
onmousemove Script à exécuter lorsque le curseur de la souris bouge
onmouseout Script à exécuter lorsque le curseur de la souris sort d’un élément
onmouseover Script à exécuter lorsque le curseur de la souris est au-dessus d’un élément
onmouseup Script à exécuter quand un bouton de la souris est relâché
onmousewheel New Script à exécuter lorsqu’on tourne la molette de la souris
onscroll New Script à exécuter lorsque la barre de défilement d’un élément est en cours de défilement

Évènement de formulaire

Événements déclenchés par des actions dans un formulaire. Ils s’appliquent à tous les éléments HTML5, mais plus particulièrement dans un formulaire.

Attribut Description
onblur Le script démarre lorsque l’élément, le champ du formulaire, perd le focus
onchange Script à exécuter lorsque un élément est modifié
oncontextmenu New Script à exécuter quand un menu contextuel est déclenché
onfocus Script à exécuter quand un élément gagne le focus
onformchange New Script à exécuter lorsqu’un formulaire est modifié
onforminput New Script à exécuter lors de la saisie d’un formulaire
oninput New Script à exécuter lors de la saisie d’un élément
oninvalid New Script à exécuter quand un élément n’est pas valide
onselect Script à exécuter quand un élément est sélectionné
onsubmit Script à exécuter lors de la soumission d’un formulaire

Évènement multimédia

Événements déclenchés par les médias tels que les vidéos, les images ou les fichiers audio. Ils s’appliquent à tous les éléments HTML5, mais plus particulièrement aux éléments des médias, comme audio, intégrer, img, objet, vidéo.

Attribut Description
onabort Le script démarre lorsqu’un évènement est avorté
oncanplay New Le script démarre lorsque le média commence à jouer
oncanplaythrough New Script à exécuter lorsque le média peut être lus jusqu’à la fin – Sans arrêt pour la mise en tampon
ondurationchange New Script à exécuter lorsque la longueur du média est modifié
onemptied New Script à exécuter lorsqu’un élément média devient tout à coup vide
onended New Script à exécuter lorsque la lecture du média est finis
onerror New Script à exécuter quand une erreur survient lors du chargement d’un élément
onloadeddata New Script à exécuter lorsque les données du média sont chargé
onloadedmetadata New Script à exécuter lorsque la durée ou d’autres données d’un élément média est chargé
onloadstart New Script à exécuter lorsque le navigateur commence à charger un élément média
onpause New Script à exécuter lorsqu’un élément média est en pause
onplay New Script à exécuter lors de la lecture d’un élément média
onplaying New Script à exécuter lorsqu’un élément média a commencer à jouer
onprogress New Script à exécuter lorsque le navigateur récupère les données d’un élément média
onratechange New Script à exécuter lorsque les données d’un élément média ont changé
onreadystatechange New Script à exécuter lorsque l’état « prêt pour la lecture » change
onseeked New Script à exécuter lorsque l’attribut de recherche d’un élément média n’est plus vrai, la recherche est donc terminée
onseeking New Script à exécuter lorsque l’attribut de recherche d’un élément média est vrai, la recherche a donc commencé
onstalled New Script à exécuter lors d’une erreur dans l’extraction de données de l’élément média
onsuspend New Script à exécuter lorsque le navigateur a extrait les données de l’élément média, mais s’est arrêté avant que l’ensemble des données soient récupérés
ontimeupdate New Script à exécuter lorsque la position de lecture est changé
onvolumechange New Script à exécuter lorsque le volume est changé – Marche également lorsque le volume est réglé sur « muet »
onwaiting New Script à exécuter lorsque les médias ont cessé de jouer, mais doivent reprendre

Évènement du clavier

Événements déclenchés par une touche du clavier ou une action similaire de l’utilisateur. Ils s’appliquent à tous les éléments HTML5.

Attribut Description
onkeydown Script à exécuter lorsque qu’une touche est pressée
onkeypress Script à exécuter lorsqu’une touche du clavier est enfoncée puis relâchée
onkeyup Script à exécuter lorsqu’une touche est relâchée