Derniers tutoriels de développement web
 

onchange événement

<Object Event

Exemple

Exécuter un script JavaScript lorsqu'un utilisateur modifie l'option sélectionnée d'un <select> élément:

<select onchange="myFunction()">
Essayez vous - même »

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.


Définition et utilisation

L'événement onchange se produit lorsque la valeur d'un élément a été modifié.

Pour radiobuttons et cases à cocher, l'événement OnChange se produit lorsque a été modifié l'état vérifié.

Astuce: Cet événement est similaire à l' oninput événement. La différence est que l'événement se produit immédiatement après oninput la valeur d'un élément a changé, alors que onchange se produit lorsque l'élément perd le focus, après que le contenu a été modifié. L'autre différence est que l'événement onchange fonctionne aussi sur <keygen> et <select> éléments.


Support du navigateur

un événement
onchange Oui Oui Oui Oui Oui

Syntaxe

En HTML:

JavaScript:

object .onchange=function(){ Essayez vous - même »

En JavaScript, en utilisant la addEventListener() méthode:

object .addEventListener("change", myScript );
Essayez vous - même »

Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.


Détails techniques

Bulles: Oui
cancelable: Non
Type d'événement: un événement
Pris en charge les balises HTML: <Input type = "checkbox">, <input type = "color">, <input type = "date">, <input type = "datetime">, <input type = "email">, <input type = » fichier ">, <input type =" mois ">, <input type =" nombre ">, <input type =" mot de passe ">, <input type =" radio ">, <input type =" plage ">, < input type = "recherche">, <input type = "tel">, <input type = "text">, <input type = "temps">, <input type = "url">, <input type = "semaine « >, <keygen>, <select> et <textarea>
DOM Version: Niveau 2 Événements

Exemples

autres exemples

Exemple

Exécuter un script JavaScript lorsqu'un utilisateur modifie le contenu d'un champ d'entrée:

<input type="text" onchange="myFunction()">
Essayez vous - même »

<Object Event