ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  FIN DE PAGE |  INDEX

L'événement ONBLUR



Evénement

Evénément intrinsèque qui se déclenche lorsque l'élément perd le focus.
Par exemple, lorsqu'on change le contenu d'un objet d'un formulaire et qu'on quitte cet objet

Syntaxe

HTML : <ELEMENT onblur = "fonction javascript"...>

JAVASCRIPT : object.onblur = fonction>

Informations

Bulles Non
Annulations Non
Pour appeler
  • Cliquer sur l'arrière-plan de la page ou un autre élément que l'élément actif en cours.
  • Utiliser la navigation tabulée (clavier) pour passer de l'élément actif à un autre.
  • Appeler la méthode blur quand un élément est actif (il a le focus )
  • Ouvrir une nouvelle fenêtre du navigateur.
Action par défaut Lorque l'élément perd le focus ET sa valeur a été modifiée depuis le dernier instant où il a été activé.

Remarques :

Exemple d'utilisation :

<BLOCKQUOTE>
  <P>Cliquer chaque champ, puis déplacer le focus en cliquant à l'extérieur. 
  Une boîte de dialogue d'alerte s'affichera chaque fois 
  que l'événement <B>onblur</B> s'enclenche. <BR><BR>
  <INPUT onblur=alert(event.srcElement.name) value="Prénom" name=textePrénom><BR>
  <INPUT onblur=alert(event.srcElement.name) value="Nom" name=texetNom><BR>
  <INPUT onblur=alert(event.srcElement.name) value="Numéro de téléphone" name=texteTéléphone><BR>
</P>
</BLOCKQUOTE>

sera rendu de la manière suivante :

Cliquer chaque champ, puis déplacer le focus en cliquant à l'extérieur. Une boîte de dialogue d'alerte s'affichera chaque fois que l'événement onblur s'enclenche.




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

  onBlur= (sur desactivation d'un champ) HTML
Définition Déclenche l'exécution d'un script lorsque l'événement générateur correspond à la desactivation d'un élément de formulaire: select, text, textarea. 3.2 4.0
Syntaxe <FORM><INPUT ..... onBlur="Définition du script";....autres paramètres de l'élément...>    
Note: Ce gestionnaire d'événement est attaché aux formulaires en général, et, plus particulièrements aux éléments suivants : BUTTON, INPUT, SELECT, TEXTAREA, LABEL. Il signifie au navigateur de lancer l'exécution du script au changement de priorité de l'élément du formulaire concerné.
<INPUT TYPE="text" NAME="UserName" onBlur="required(this.value)">
   


ACCUEIL |  PAGE PRECEDENTE |  PAGE SUIVANTE |  DEBUT DE PAGE |  INDEX