Accueil    HTML    Evenement onchange
 



Evenement onchange  HTML Evenement onchange : élément modifié par l'utilisateur

«  Partie précédente  |  Index  |  Partie suivante  »


L'évènement onchange se déclenche lorsque des saisies ou des actions ont été faites par l'utilisateur (saisie dans une zone de texte, case cochée ou décochée ...). Il est supporté par les balises suivantes : <input>, <select> et <textarea>.

La prise en compte de cet évènement se déclenche uniquement lorsque le contrôle sur lequel il est appliqué perd le focus (excepté pour la balise select). Ainsi durant la modification d'une zone de saisie il ne sera pas déclenché mais dès que l'utilisateur quittera le champ celui-ci sera déclenceé.



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





Déclenchement de l'élément on change sur une zone de texte et sur une liste déroulante :

<label for="TxtSaisie">Valeur à saisir : </label>
<input id="TxtSaisie" type="text" style="width:120px; border:solid 1px black;"
   onchange="alert('valeur différente');" />

<label for="LstSaisie">Valeur à saisir : </label>
<select id="LstSaisie" style="width:120px;" onchange="alert('valeur différente');">
   <option>Valeur 1</option>
   <option>Valeur 2</option>
   <option>Valeur 3</option>
</select>



Déclenchement de l'élément on change sur une zone de texte et sur une liste déroulante :