Événements
Le clique d'une souris, le survol d'une balise, la frappe d'une touche du clavier sont autant d'événements qui peuvent déclencher des changements sur la balise.
On peut gérer ces événements grâce aux attributs événementiels, en leur associant un contenu écrit en JavaScript.
Définition : Exemple
<p onclick='this.style.color = "red";'/>Cliquez et je m'affiche en rouge</p>
Cliquez et je m'affiche en rouge
Remarque : this
this représente le contexte. C'est à dire l'objet sur lequel nous sommes en train de programmer. Ici c'est le paragraphe.
Liste des attributs :
Événement de souris
Définition : onclick
Le bouton gauche de la souris est pressé et relâché.
Définition : ondblclick
Le bouton gauche de la souris est Double-cliqué.
Définition : onmousedown
Le bouton gauche de la souris est pressé.
Définition : onmousemove
La souris est déplacée sur l'élément.
Définition : onmouseout
La souris sort de l'élément.
Définition : onmouseover
La souris entre sur l'élément.
Définition : onmouseup
Le bouton gauche de la souris est relâché.
Définition : onmousewheel
La molette de la souris est activée.
Définition : onscroll
La barre de défilement est utilisée.
Définition : oncontextmenu
Le bouton droit de la souris est relâché (menu contextuel).
Événement de glissement
Définition : ondrag
L'élément est glissé.
Définition : ondragend
Fin du glissement de l'élément.
Définition : ondragenter
L'élément entre sur une cible de dépôt valide.
Définition : ondragleave
L'élément quitte une cible de dépôt valide
Définition : ondragover
L'élément glisse sur une cible de dépôt valide.
Définition : ondragstart
Début du glissement d'un élément.
Définition : ondrop
L'élément reçoit un élément glissant.
Événement de formulaire
Définition : onblur
L'élément a perdu le focus de saisie.
Définition : onchange
L'élément a changé de valeur et perdu le focus.
Définition : onfocus
L'élément prend le focus.
Définition : onselect
Sélection d'un texte dans un champ de saisie.
Définition : onsubmit
Une demande d'envoi de formulaire.
Définition : oninput
Saisie dans l'élément
Définition : oninvalid
L'élément n'est pas valide.
Définition : onblur
L'élément a perdu le focus de saisie.
Clavier
Définition : onkeydown
Une touche du clavier est enfoncée.
Définition : onkeypress
Une touche du clavier est enfoncée et relâchée.
Définition : onkeyup
Une touche du clavier est relâchée.
Document, Fichiers (image, audio, vidéo...)
Définition : onabort
Action interrompu. Ex : chargement de l'élément image.
Définition : onload
L'élément est chargé.
Définition : onresize
Un changement de dimension de fenêtre.
Définition : onunload
Fermeture d'une page.
Définition : onerror
Erreur de chargement de l'élément.