Accueil    HTML    Evenement onblur
 



Evenement onblur  HTML Evenement onblur : élément perdant le focus

Index  |  Partie suivante  »


L'évènement onblur se déclenche lorsque la balise sur laquelle il est appliqué perd le focus. La plupart des tags html supportent cet évènement, et il est régulièrement utilisé pour effectuer des contrôles de saisie côté client et appliquer des styles sur les champs pour indiquer une erreur à l'utilisateur.

Il est souvent couplé à l'évènement onfocus qui est appelé lorsque la balise html associée reçoit le focus, et permet par exemple d'appliquer des styles spécifiques au contrôle sélectionné.



Exemple d'utilisation pour l'évènement onblur :





<label for="TxtSaisie1">Champ à saisir : </label>
<input id="TxtSaisie1" type="text" style="width:100px; border:solid 1px black;"
   onblur="this.style.backgroundColor='#FFFFFF';"
   onfocus="this.style.backgroundColor='#DEDEDE';" />

<label for="TxtSaisie2">Champ à saisir : </label>
<input id="TxtSaisie2" type="text" style="width:100px; border:solid 1px black;"
   onblur="this.style.backgroundColor='#FFFFFF';"
   onfocus="this.style.backgroundColor='red';" />