- Home
-
-
-
-
- Présentation
- Le script minimum
- Ecrire en Javascript
- Les évènements
- Les variables
- Les opérateurs
- Les boites de message
- L'objet array
- Les conditions
- Les boucles
- Les fonctions
- GetElementById
- Les formulaires
- Les objets
- Le temps
- L'objet window
- L'objet navigator
- L'objet history
- L'objet string
- L'objet math
-
-
- Le référencement
- Les fichiers .htaccess
- L'URL Rewrite
- Scripts PHP
- Me contacter
- Quelques liens utiles
- Mon livre d'or
- 3 visiteurs connectés!
Les évènements
Les évènements sont des actions que l'utilisateur fait. Il y a un évènement différent pour chaque action
que fait l'utilisateur.Chaque évènements est précécdé de "on". On écriré donc "onEvenement".
Voici une liste des évènements en JS:
| Nom de l'évènement | Nom à taper | Description |
| Click | onClick | lorsque l'utilisateur clique sur quelque chose |
| Load | onLoad | lorsque la page est chargée par le browser |
| Unload | onUnload | quand l'utilisateur quitte la page |
| MouseOver | onMouseOver | lorsque le curseur de la souris se trouve sur quelque chose |
| MouseOut | onMouseOut | lorsque le curseur de la souris se trouve autre part que sur l'élément |
| Focus | onFocus | lorsqu'un élément de formulaire devient l'entrée active. |
| Blur | onBlur | lorsqu'un élément de formulaire perd le focus (si l'utilisateur clique autre part) |
| Change | onChange | lorsque la valeur d'un formulaire a été modifiée |
| Abort | onAbort | lorsque l'utilisateur interrompt le chargement d'une image |
| dblclick | ondblclick | lorsque l'utilisateur double clique sur quelquechose |
| dragdrop | ondragdropw/td> | lorsque l'utilisateur faire un "glisser-déposer" sur la fenêtre du navigateur |
| error | onerror | cet évènement se déclenche lorsqu'il y a une erreur sur la page |
| keydown | onkeudown | lorsque l'utilisateur appuie sur une touche de son clavier |
| keypress | onkeypress | lorsque l'utilisateur maintient une touche de son clavier enfoncée |
| keyup | onkeyup | lorsque l'utilisateur cesse d'appuyer sur une touche préalablement enfoncée |
| Reset | onreset | lorsque l'utilisateur efface les données d'un formulaire (bouton reset) |
| Resize | onResize | lorsque l'utilisateur redimensionne la fenêtre du navigateur |
| Select | onSelect | lorsque l'utilisateur sélectionne un champ de formulaire. |
| Submit | onSubmit | lorsque l'utilisateur clique sur le bouton "Envoyer" d'un formulaire. |
Comme vous avez pu le remarquer, il y a des évènements pour toutes les actions que le visiteur pourrait effectuer sur votre page.
Voici quelques exemples avec les évènements: onClick
<a href="#" onClick="alert('Bonjour!');">Cliquez ici</a>
onLoad
<script type="text/javascript">function salut(){
alert('Bienvenue!');
}</script>
<body onLoad="salut()">
Je vous déconseille d'utiliser cette "boite de bienvenue car cela fait fuir les visiteurs.
onUload
<script type="text/javascript">function bye(){
alert('Vous partez déjà?');
}</script>
<body onUload="bye()">
<a href="#" onMouseOver="document.bgColor='#FF0000'">Survolez ce lien</a>
Le problème est que, même après que la souris aie quitté le lien, le fond reste rouge.
Vous devrez rajouter onMouseOut pour remettre la couleur originale.
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.3385 secondes.
Retour en haut de la page
Imprimer cette page