Hormis ceux qui s’exécutent au chargement de la page, les éléments de scripts doivent être associés à un certain nombre d'événements prédéfinis issus de l'interaction d'un utilisateur et de l'agent utilisateur. Chacun de ces "événements intrinsèques" accepte comme valeur un script qui est exécuté dès que l'événement considéré intervient pour l'élément spécifié.
Les exemples suivants montrent des utilisations possibles de contrôles et de comportement d'interface utilisateur basé sur les événements intrinsèques.
Dans l'exemple qui suit, NomUtilisateur est un champ de texte requis. Lorsqu'un utilisateur tente de sortir de ce champ, l'événement OnBlur appelle une fonction JavaScript pour confirmer que NomUtilisateur est renseigné de façon convenable.
<INPUT NAME="NomUtilisateur"
onBlur="NomValide(this.value)">
Afficher un exemple simple utilisant ce code.
Un autre exemple a déjà été présenté dans la page décrivant Javascript.
Notez que "document.write" ou toute instruction équivalente dans les gestionnaires d'événements intrinsèques créent et écrivent dans un nouveau document, plutôt que dans le document courant.
L'utilisation de Javascript à travers des script extrêmement simples, peut permettre d'exaspérer très facilement l'utilisateur. On peut aussi lui proposer des services utiles.
|
onload = script |
L'événement onload intervient lorsque l'agent utilisateur vient de finir le chargement de la fenêtre, ou de tous les cadres d'un FRAMESET. Cet attribut peut être utilisé dans des éléments BODY et FRAMESET. |
|
onunload
= script |
L'événement onunload
intervient lorsque l'agent utilisateur décharge la fenêtre ou un cadre.
Cet attribut peut être utilisé dans des éléments BODY
et FRAMESET. |
|
onclick = script |
L'événement onclick intervient lorsque le bouton de l'organe de pointage est pressé puis relâché alors que ce dernier est situé sur l'objet. Cet attribut est reconnu par la plupart des éléments. |
|
ondblclick
= script |
L'événement ondblclick intervient lorsque le bouton de l'organe de pointage est pressé deux fois répétitivement puis relâché alors que ce dernier est situé sur l'objet. Cet attribut est reconnu par la plupart des éléments. |
|
onmousedown = script |
L'événement onmousedown intervient lorsque le bouton de l'organe de pointage est enfoncé alors que ce dernier est positionné sur l'objet (mais n'est pas immédiatement relâché). Cet attribut est reconnu par la plupart des éléments. |
|
onmouseup = script |
L'événement onmouseup intervient lorsque le bouton de l'organe de pointage est relâché alors que ce dernier est positionné sur l'objet (on suppose qu'il avait été enfoncé au préalable). Cet attribut est reconnu par la plupart des éléments. |
|
onmouseover = script |
L'événement onmouseover intervient lorsque le pointeur est déplacé et entre sur la zone occupée par l'objet. Cet attribut est reconnu par la plupart des éléments. |
|
onmousemove = script |
L'événement onmousemove intervient lorsque le pointeur est déplacé alors que ce dernier est positionné sur l'objet. Cet attribut est reconnu par la plupart des éléments. |
|
onmouseout = script |
L'événement onmouseout intervient lorsque le pointeur est déplacé et sort de la zone occupée par l'objet. Cet attribut est reconnu par la plupart des éléments. |
|
onfocus = script |
L'événement onfocus lorsque l'élément reçoit le "focus" soit par action de l'organe de pointage, soit par la navigation tabulée. Cet attribut est reconnu par les éléments suivants : LABEL, INPUT, SELECT, TEXTAREA, et BUTTON. |
|
onblur = script |
L'événement onblur intervient lorsque l'élément perd le "focus", soit suite à une action de l'organe de pointage, soit par navigation tabulée. Il sera utilisable sur les mêmes éléments que l'événement onfocus. |
|
onkeypress
= script |
L'événement onkeypress intervient lorsqu'une touche du clavier est enfoncée puis relâchée immédiatemment alors que l'élément a le "focus". Cet attribut est reconnu par la plupart des éléments. |
|
onkeydown = script |
L'événement onkeydown intervient lorsqu'une touche du clavier est enfoncée puis alors que l'élément a le "focus". Cet attribut est reconnu par la plupart des éléments. |
|
onkeyup
= script |
L'événement onkeyup
intervient lorsqu'une touche du clavier est relâchée alors que l'élément
a le "focus". This
attribute may be used with most elements. |
|
onsubmit
= script |
L'événement onsubmit
intervient lorsque le formulaire est soumis. Il n'est applicable que dans
le contexte d'un élément FORM. |
|
onreset = script |
L'événement onreset intervient lorsqu'un formulaire est réinitialisé. Il n'est applicable que dans le contexte d'un élément FORM. |
|
onselect = script |
L'événement onselect intervient lorsque l'utilisateur sélectionne du texte dans un champ de texte. Cet attribut est exploitable pour des éléments INPUT et TEXTAREA. |
|
onchange = script |
L'événement onchange lorsque l'élément perd le "focus" ET sa valeur a été modifiée depuis le dernier instant où il a été activé. Cet attribut est applicable aux éléments suivants : INPUT, SELECT, et TEXTAREA. |