Evènements Javascript
Les évènements manuels JavaScript
Dès que le visiteur effectue une opération sur la page, un évènement peut-être déclenché. Par exemple, lorsque l'on clique sur un lien, un évènement onclick est déclenché.
⚠ Attention
si un évènement est utilisé comme un attribut HTML, il doit être écrit en minuscule. Si cet évènement est utilisé dans un script, il doit être écrit avec la première lettre du deuxième mot en majuscule.
Exemple d'évènement utilisé comme attibut HTML:
<a href="lien" onclick="javascript:alert('Welcome on Easy-Micro Web site!')">Cliquez ici</a>
si un évènement est utilisé comme un attribut HTML, il doit être écrit en minuscule. Si cet évènement est utilisé dans un script, il doit être écrit avec la première lettre du deuxième mot en majuscule.
Exemple d'évènement utilisé comme attibut HTML:
<a href="lien" onclick="javascript:alert('Welcome on Easy-Micro Web site!')">Cliquez ici</a>
Evénement | Description |
onabort | Lorsque l'utilisateur a stoppé le chargement de l'image. |
onblur | Lorsque un élément perd le focus. |
onchange | Lorsque l'on modifie le contenu d'un champ. |
onclick | Lorsque on clique. |
ondblclick | Lorsque l'on fait un double clique. |
ondragdrop | Lorsque l'on déplace un objet dans une fenêtre. |
onerror | Lorsqu'il se produit une erreur de script. |
onfocus | Lorsque un élément est sélectionné. |
onkeydown | Lorsque une touche du clavier est enfoncée. |
onkeypress | Lorsque l'on appuie sur une touche. |
onkeyup | Lorsque l'on lâche une touche du clavier. |
onload | Lors du chargement d'une page. |
onmousedown | Lorsque le bouton de la sourie est appuyé. |
onmousemove | Lorsque le curseur bouge. |
onmouseout | Lorsque le curseur sort d'un objet. |
onmouseover | Lorsque le curseur passe au dessus d'un objet |
onmouseup | Lorsque le bouton de la sourie est relâché. |
onmove | Lorsque l'on déplace la fenêtre. |
onreset | Lorsque l'on réinitialise un formulaire |
onresize | Lorsque l'on redimensionne une fenêtre. |
onselect | Lorsque l'on sélectionne un texte dans un champ. |
onsubmit | Lorsque l'on envoie un formulaire. |
onunload | Lorsque l'on quitte une page. |
Note: Chaque évènement ne peut pas être associé à n'importe quel objet. Par exemple, l'évènement onunload ne pourra pas s'appliquer sur un lien hypertexte.