L'événement ONCLICK

Evénement

On a cliqué une fois sur un périphérique de pointage (tel que souris)

Syntaxe

HTML : <ELEMENT onclick = "handler"...>

JAVASCRIPT : object.onclick = handler>

Informations

Bulles	Oui
Annulations	Oui
Pour appeler	Cliquer un élément (objet) de la page. Appeler la méthode click. Presser la touche ENTREE dans un formulaire. Presser la touche d'accès à un contrôle. Sélectionner un item dans une boîte de liste de choix ou une boîte combo en cliquant le bouton gauche de la souris ou en pressant les touches fléchées puis en pressant la touche ENTREE.
Action par défaut	Lance toute action liée à l'objet. Par exemple, si l'utilisateur clique un objet, le navigateur charge le document spécifié par l'attribut HREF. Pour annuler le comportement par défaut, fixer la valeur de la propriété returnValue de l'objet event à FALSE.

Remarques :

Si l'utilisateur clique le bouton gauche de la souris,sur un objet, l'événement onclick se produit seulement si le pointeur de la souris est au-dessus de l'objet, et qu'en même temps, un onmousedown et un onmouseup se produisent dans cet ordre.
Par exemple, si l'utilisateur clique sur l'objet puis déplace le pointeur loin de l'objet avant de le libérer, aucun événement ne se produit.
L'événement onclick change la valeur d'un contrôle dans un groupe. Ce changement lance l'événement pour le groupe, pas pour le contrôle individuel. Par exemple, si l'utilisateur clique un bouton radio ou une case à cocher dans un groupe, l'événement onclick se produit après les événements onbeforeupdate et onafterupdate pour le groupe contenant ces contrôles.
Si l'utilisateur clique un objet qui peut recevoir le "focus" mais n'a pas déjà le "focus", l'événement onfocus se produit pour cet objet avant l'événement onclick. Si l'utilisateur double-clique le bouton gauche de la souris dans un contrôle, un événement ondblclick se produit juste après l'événement onclick.
Bien que l'événement onclick soit fonctionnel avec un grand nombre d'éléments HTML, si une page Web doit être accessible au plus grand nombre d'utilisateurs, il est préférable de limiter son usage aux éléments A, INPUT, AREA et BUTTON.

Exemple d'utilisation :

<SCRIPT>
function cliquer()  
{
txtOutput.value = window.event.srcElement.tagName;
txtOutput1.value = window.event.srcElement.type;

if ((window.event.srcElement.tagName) && ("A" + window.event.shiftKey))
  {  window.event.returnValue = false;  }
}
</SCRIPT>

<BODY onclick="cliquer()">
<P>Cliquer sur les 4 objets ci-dessous <U>
ou tout autre objet de cette page</U> 
pour déclencher l'événement <B>onclick</B>.
<INPUT VALUE="Cliquer ici" STYLE="width=100"><BR>
<SPAN STYLE="background-color:aqua;width=100"> Cliquer ici </SPAN><BR>
<INPUT TYPE=button VALUE="Cliquer ici" STYLE="width=100"><BR>
<A HREF="about:blank.htm">Cliquer ici</A>
<P>Ce qui a été cliqué<P>
<TEXTAREA NAME=txtOutput></TEXTAREA>
<TEXTAREA NAME=txtOutput1></TEXTAREA>

sera rendu de la manière suivante :

Cliquer sur les 4 objets ci-dessous ou tout autre objet de cette page pour déclencher l'événement onclick.

Cliquer ici

Ce qui a été cliqué :

Comportement par défaut de la balise <A> ( clic normal ) :

Annulation du comportement par défaut ( cliquer et presser la touche SHIFT ) :

Cliquer ici

Document additionnel ( Face cachée d'HTML ) :

	onClick= (sur un clic de souris)	HTML
Définition	Déclenche l'exécution d'une action lorsque l'utilisateur clique avec la souris (sur un bouton, un lien, une case, un élément, une icone, etc).	3.2	4.0
Syntaxe	<BODY onClick="Définition du script";....autres paramètres de l'élément...> exemples: <INPUT TYPE="button" VALUE="Calculate" onClick="compute(this.form)">
Note:	Cet attribut est attaché à l'élément BODY et aux éléments qu'il contient ou à l'élément FORM. Dans ce dernier cas, l'événement est un clic sur un bouton tel que SUBMIT, RESET, CHECKBOX, RADIO, BUTTON.