Un événement en javascript est une fonction (native) destinées aux objets que la page peut contenir (boutons, images, liens, formulaires, ...).
Ces fonctions ne s'activent qu'à la suite d'une action bien précise de l'utilisateur (un clic, une touche du clavier, un mouvement de souris, un changement de taille de fenêtre, ...) .
Ces événements se placent généralement dans les balises HTML elles même et lorsqu'ils sont activés, appellent une fonction.
Il n'est pas possible de vous parler des événements JavaScript sans vous en donner une liste (barbante). Voici donc les 23 événements de JavaScript (enfin EMAscript) par ordre alphabétique :
| Événement |
Objet(s) affecté(s) |
Description |
| onAbort (annuellement) |
Image |
Se produit lorsque l'utilisateur annule le chargement d'une image (clic sur un lien ou bouton "stop" du navigateur). |
| onBlur (sortie) |
Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea et window |
Se produit lorsque l'utilisateur sort d'un champ de formulaire HTML, d'un cadre ou d'une fenêtre (window), en appuyant sur la touche TAB du clavier ou en utilisant la souris. |
| onChange (changement) |
FileUpload, Select, Text et Textarea |
Se produit lorsque l'utilisateur modifie la valeur d'une boîte liste, d'une boîte à liste déroulante, d'une boîte texte ou d'une boîte texte multiligne. |
| onClick (clic) |
Button, Checkbox, document, Link, Radio, Reset et Submit |
Se produit lorsque l'utilisateur enfonce puis relâche le bouton de la souris sur un bouton, une option dans un formulaire, un lien ou sur le document (en gros un clic). |
| onDblClick (double clic) |
Area, document et Link |
Se produit lorsque le bouton de la souris est enfoncé deux fois rapidement puis relâché sur un élément de formulaire ou un lien (un double clic quoi...). |
| onDragDrop (glisser déposer) |
window |
Se produit lorsque l'utilisateur dépose un objet (un fichier par exemple) dans la fenêtre du navigateur Web à l'aide de la souris. |
| onError (erreur) |
Image et window |
Se produit lorsqu'il y a une erreur au cours du chargement d'une image ou d'un document. |
| onFocus (focus) |
Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea et window |
Se produit lorsqu'un élément (champ de formulaire, cadre, layer, etc.) ou un objet (window) obtient le focus. Le focus peut être obtenu par l'intermédiaire de la souris, de la touche TAB du clavier ou par une méthode de focus. |
| onKeyDown (enfoncement de touche) |
document, Image, Link et Textarea |
Se produit au moment où l'utilisateur enfonce une touche du clavier. |
| onKeyPress (enfoncement de touche) |
document, Image, Link et Textarea |
Se produit au moment où l'utilisateur relâche la touche qu'il venait d'enfoncer. |
| onKeyUp (relâchement de touche) |
document, Image, Link et Textarea |
En principe, l'événement onKeyUp se produit au moment où l'utilisateur relâche une touche du clavier. Cependant, beaucoup de précautions doivent être prises concernant l'utilisation de cet événement, étant donné la confusion qu'il risque d'exister avec l'événement onKeyPress. |
| onLoad (chargement) |
Image, Layer et window |
Se produit lorsque le navigateur a terminé le chargement d'une page HTML, de tous les cadres (FRAMES) de l'élément ou d'une image. |
| onMouseDown (clic) |
Button, document et Link |
Se produit lorsque l'utilisateur enfonce un des boutons de la souris (tout pareil que le clic). |
| onMouseMove (déplacement su pointeur) |
|
Se produit lorsque le pointeur de la souris est déplacé et passe sur l'objet. |
| onMouseOut (sortie de pointeur) |
Area, Layer et Link |
Se produit à chaque fois que l'utilisateur déplace le pointeur de la souris hors d'une zone contenant un lien (images en coordonnées, lien). |
| onMouseOver (pointeur au-dessus) |
Area, Layer et Link |
Se produit à chaque fois que le pointeur de la souris entre dans une zone contenant un lien (lien ou images en coordonnées). |
| onMouseUp (relâchement clic) |
Button, document et Link |
Se produit lorsque l'utilisateur relâche le bouton de la souris.
Se produit lorsque l'utilisateur relâche le bouton de la souris. |
| onMove (déplacement) |
window |
Se produit lorsque l'utilisateur ou un script déplace une fenêtre ou un cadre.
Se produit lorsque l'utilisateur ou un script déplace une fenêtre ou un cadre. |
| onReset (effacement) |
Form |
Se produit lorsque l'utilisateur active le bouton de type reset d'un formulaire. |
| onResize (retaillage) |
window |
Se produit lorsque l'utilisateur modifie les dimensions de la fenêtre du navigateur Web.
Se produit lorsque l'utilisateur modifie les dimensions de la fenêtre du navigateur Web. |
| onSelect (sélection) |
Text et Textarea |
Se produit lorsque l'utilisateur sélectionne du texte dans une boîte texte ou dans une boîte texte multiligne.
Se produit lorsque l'utilisateur sélectionne du texte dans une boîte texte ou dans une boîte texte multiligne. |
| onSubmit (validation) |
Form |
Se produit lorsque l'utilisateur envoie les données d'un formulaire. Par exemple, la fonction appelée peut vérifier la validité des données saisies dans le formulaire et empêcher l'envoi de ce dernier si certaines informations s'avèrent non valides. |
| onUnload (déchargement) |
window |
Se produit au moment où le document HTML courant est retiré de la fenêtre au profit d'un autre ou lorsque le logiciel de navigation est fermé par l'utilisateur.
Se produit au moment où le document HTML courant est retiré de la fenêtre au profit d'un autre ou lorsque le logiciel de navigation est fermé par l'utilisateur. |
