L'événement ONFOCUS

Evénement

Evénément intrinsèque qui se déclenche lorsque l'élément reçoit le focus (devient actif) soit par action de l'outil de pointage (souris), soit par la navigation tabulée (touches du clavier).
L'événement onfocus est l'opposé de l'événement onblur.

Syntaxe

DHTML : <ELEMENT onfocus = "fonction javascript"...>

JAVASCRIPT : object.onfocus = fonction>

Informations

Bulles	Non
Annulations	Non
Pour appeler	Cliquer un objet Utiliser la navigation tabulée (clavier) Appeler la méthode focus Appeler la méthode setActive
Action par défaut	Donne le focus à un objet

Remarques :

Un élément de page Web ne peut prendre le focus tant que le document n'est pas compètement chargé.

Quand un objet devient l'élément actif à la place d'un autre, l'événement onfocus se déclenche sur le nouvel élément actif seulement après que l'événement onblur se soit déclenché à la perte de focus du précédent élément actif.

Pour Internet Explorer 5.5 et plus, le focus sur un document et l'élément actif d'un document peuvent être gérés séparément. Les événements onactivate et ondeactivate offrent alors un meilleur contrôle pour gérer les changements d'activation.

Exemple d'utilisation :

<LABEL FOR="Entrée" CLASS="normal" ID="Entrée_label">Entrez votre texte</LABEL> <INPUT TYPE="text" CLASS="normal" onfocus="fnFixeStyle()" onblur="fnSupprimeStyle()" ID="Entrée"> <BR><BR> </BLOCKQUOTE>

sera rendu de la manière suivante :

Evénement onfocus : exemple

Cet exemple utilise l'événement onfocus pour fixer le style d'un contrôle INPUT_text. en déterminant la valeur des attributs backgroundColor, fontSize, color et fontWeight, les créateurs de pages Web peuvent ainsi utiliser l'événement onfocus pour rendre les formulaires plus faciles à remplir.

Entrez votre texte

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

	onFocus= (sur activation d'une rubrique ou d'un champ)	HTML
Définition	Définit l'événement déclenché par l'activitation d'un champ (déplacement du curseur ou clic de la souris).	3.2	4.0
Syntaxe	<FORM><INPUT TYPE="text" NAME="valueField" onFocus="Définition du script";....autres paramètres de l'élément...> <INPUT TYPE="textarea" VALUE="" NAME="valueField" onFocus="valueCheck()">
Note:	Ce gestionnaire d'événement est attaché à l'élément FORM; il signifie au navigateur de lancer l'exécution du script lorsqu'un champ texte, par exemple, est activé.