Système d'aide en ligne pour JavaScript

.:Sommaire:.


Image d'un livreIntroduction au JavaScript
Image d'un livreQu'est-ce que JavaScript
Image d'un livreLangage JavaScript
Image d'un livreSyntaxe du langage
Image d'un livreStructures de contrôle
Image d'un livreFonctions et Méthodes
Image d'un livreGestionnaires et objets
Image d'un livreFormulaires JavaScript
Image d'un livreProgrammation

Gestionnaires d'événements JavaScript



Un événement correspond à une action du visiteur sur un des éléments de la page XHTML ce qui ajoute de l'interactivité dans la page Web. Voici des exemples d'événements intéressants et que l'on retrouve souvent dans les pages où le JavaScript est présent :

  • Clic de la souris
  • Chargement d'une page Web ou d'une image
  • Survol de la souris au-dessus d'une zone sensible de la page
  • Sélection d'une entrée de donnée dans un formulaire
  • Soumission d'un formulaire
  • Touche au clavier

Voici maintenant la liste complète des événements JavaScript avec une brève description :

Liste des événements JavaScript

Liste des événements JavaScript (Suite)

Liste des événements JavaScript (Suite)

Pour associer un élément XHTML à un événement, il suffit tout simplement d'écrire le tout sous cette forme : <balise onEvenement="fonction ( );"...>. Cette ligne montrera quelle balise subit l'action, dira de lequel des événements il s'agit et annoncera finalement la fonction à utiliser. La propriété "status" permet d'afficher un message dans la barre de statut du navigateur. Voici l'endroit où apparaît le message :

Image d'un image dans la barre de statut du navigateur

Les événements "onload" et "onunload" sont très utiles car ils permettent de gérer des actions au chargement d'une page ainsi qu'à sa fermeture. Autres événements fort présents dans un grand nombre de pages Web : "onmouseover" et "onmouseout". Ces derniers sont souvent employés pour faire ce que l'on appelle des images réactives. Au passage de la souris, c'est-à-dire lors de l'événement "onmouseover" une image se charge et lorsque l'image n'est plus survolé, l'événement "onmouseout" charge une nouvelle image.




Image retour en arrièrePage précédente | Retour au haut de page | Page suivanteImage avancer à la 
			page suivante

.:Index:.

Asynchrone 3
Break 5
Caractères 4-7-11-12
Casse 4-7
Checkbox 13
Classes 14
Close 10
Closure 7
Commentaires 3-4
Constructeur 14
Date 11
Document 10-12
Else 6
Entiers 4
Exceptions 1-14
Fonction 7-8-9-11-14
For 5
Formulaire 9-12-13
History 11
If 6
Interactivité 2-9-12
Interpreteurs 1
Label 12
Location 11
Math 11
Navigator 11
Open 10
Prototypes 14
Radio 12-13
Récursive 7
Return 7
Reset 13
Screen 11
Select 13
Souris 2-9-13
Status 9
Submit 13
Switch 6
Synchrone 3
Textarea 12-13
Variable 4-6-7-8-10-11
While 5
Window 10

Contactez-nous
Copyright © Guillaume Paré 2010