Evento de cambio
Ejemplo
Ejecuta un JavaScript cuando un usuario cambia la opción seleccionada de un elemento <select>:
<select onchange="myFunction()">
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El evento onchange ocurre cuando el valor de un elemento ha cambiado.
Para botones de radio y casillas de verificación, el evento onchange ocurre cuando el estado marcado ha cambiado.
Sugerencia: este evento es similar al evento oninput . La diferencia es que el evento oninput ocurre 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 se haya cambiado el contenido. La otra diferencia es que el evento onchange también funciona en elementos <select>.
Compatibilidad con navegador
| Event | |||||
|---|---|---|---|---|---|
| onchange | Yes | Yes | Yes | Yes | Yes |
Sintaxis
En HTML:
<element onchange="myScript">
En JavaScript:
object.onchange = function(){myScript};
En JavaScript, usando el método addEventListener():
object.addEventListener("change", myScript);
Nota: el método addEventListener() no es compatible con Internet Explorer 8 y versiones anteriores.
Detalles técnicos
| Burbujas: | sí |
|---|---|
| Cancelable: | No |
| Tipo de evento: | Evento |
| Etiquetas HTML compatibles: | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" archivo">, <tipo de entrada="mes">, <tipo de entrada="número">, <tipo de entrada="contraseña">, <tipo de entrada="radio">, <tipo de entrada="rango">, < input type="buscar">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week" ">, <seleccionar> y <área de texto> |
| Versión DOM: | Eventos de nivel 2 |
Más ejemplos
Ejemplo
Ejecute un JavaScript cuando un usuario cambie el contenido de un campo de entrada:
<input type="text"
onchange="myFunction()">