Ejemplo
Ejecutar un JavaScript cuando un usuario escribe algo en un <input> campo:
<input type="text" oninput="myFunction()"> Inténtalo tú mismo " Definición y Uso
El evento oninput se produce cuando un elemento recibe la entrada del usuario.
Este evento se produce cuando el valor de un <input> o <textarea> se cambia elemento.
Consejo: Este evento es similar a la onchange evento. La diferencia es que el evento oninput se produce inmediatamente después de que el valor de un elemento ha cambiado, mientras que onchange ocurre cuando el elemento pierde el foco, después de que el contenido se ha cambiado. La otra diferencia es que el evento onchange también trabaja en <keygen> y <select> elementos.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el evento.
| Evento | |||||
|---|---|---|---|---|---|
| oninput | Sí | 9.0 | 4.0 | 5.0 | Sí |
Sintaxis
En HTML:
En JavaScript:
object .oninput=function(){ Inténtalo tú mismo " En JavaScript, utilizando el addEventListener() método:
object .addEventListener("input", myScript );
Inténtalo tú mismo " Nota: El addEventListener() método no es compatible en Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| burbujas: | Sí |
|---|---|
| cancelable: | No |
| Tipo de evento: | Evento |
| etiquetas HTML admitidas: | <Input type = "color">, <input type = "fecha">, <input type = "fecha y hora">, <input type = "email">, <input type = "mes">, <input type =" número ">, <input type =" contraseña ">, <input type =" gama ">, <input type =" buscar ">, <input type =" tel ">, <input type =" text ">, < input type = "tiempo">, <input type = "URL">, <input type="week"> y <textarea> |
| DOM Versión: | Nivel 3 Eventos |
<Objeto de evento