Exemple
Exécuter un script JavaScript lorsqu'un utilisateur écrit quelque chose dans un <input> champ:
<input type="text" oninput="myFunction()"> Essayez vous - même » Définition et utilisation
L'événement oninput se produit lorsqu'un élément reçoit une entrée d'utilisateur.
Cet événement se produit lorsque la valeur d'une <input> ou <textarea> élément est modifié.
Astuce: Cet événement est similaire à l' onchange é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
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement l'événement.
| un événement | |||||
|---|---|---|---|---|---|
| oninput | Oui | 9.0 | 4.0 | 5.0 | Oui |
Syntaxe
En HTML:
< Essayez vous - même » JavaScript:
object .oninput=function(){ Essayez vous - même » En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("input", 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 = "color">, <input type = "date">, <input type = "datetime">, <input type = "email">, <input type = "mois">, <input type = » nombre ">, <input type =" mot de passe ">, <input type =" range ">, <input type =" recherche ">, <input type =" tel ">, <input type =" text ">, < input type = "temps">, <input type = "url">, <input type="week"> et <textarea> |
| DOM Version: | Niveau 3 Évènements |
<Object Event