Nous avons dit en introduction que Javascript est un langage de programmation événementiel. C’est à dire qu’il ‘réagit’ ou se déclenche en conséquence d’une action de l’utilisateur, en général sur le clavier ou la souris.
Les événements déclencheurs sont les suivants :
- click de souris
- chargement ou fermeture de page web
- survol d’une image ou d’une zone avec la souris
- selection d’un champ de saisie de texte
- envoi d’un formulaire HTM
- appui sur une touche du clavier
En pratique, les événements seront gérés en javascript grace à des attributs particuliers des balises HTML.
On trouvera ci-après la liste des attributs, les événements correspondants et leur signification
| Attribut | événement correspondant | FF | N | IE |
|---|---|---|---|---|
| onabort | chargemnt d’une image interrompu | 1 | 3 | 4 |
| onblur | élément devenu inactif | 1 | 2 | 3 |
| onchange | saisie d’une nouvelle valeur dans un champ | 1 | 2 | 3 |
| onclick | clic sur un objet | 1 | 2 | 3 |
| ondblclick | double clic sur un objet | 1 | 4 | 4 |
| onerror | erreur lors du chargement d’une page ou d’une image | 1 | 3 | 4 |
| onfocus | un élement devient actif (on y place le curseur) | 1 | 2 | 3 |
| onkeydown | touche appuyée | 1 | 4 | 3 |
| onkeypress | touche enfoncée | 1 | 4 | 3 |
| onkeyup | touche relevée | 1 | 4 | 3 |
| onload | image ou page finie de charger | 1 | 2 | 3 |
| onmousedown | bouton de souris appuyé | 1 | 4 | 4 |
| onmousemove | souris déplacée | 1 | 6 | 3 |
| onmouseout | souris sortie d’une zone | 1 | 4 | 4 |
| onmouseover | souris qui survolle une zone | 1 | 2 | 3 |
| onmouseup | bouton de souris relaché | 1 | 4 | 4 |
| onreset | bouton de formulaire ‘reset’ cliqué | 1 | 3 | 4 |
| onresize | fenêtre redimensionnée | 1 | 4 | 4 |
| onselect | texte sélectionné | 1 | 2 | 3 |
| onsubmit | bouton de formulaire ‘envoi’ cliqué | 1 | 2 | 3 |
| onunload | sortie de la page | 1 | 2 | 3 |
FF : supporté par Firefox
N : supporté par Netscape
FF : supporté par Internet Explorer