Evento onchange

Eventos DOM Objeto Evento

Definición y uso

Se desencadena el evento onchange cuando cambia el valor del elemento.

Para los cuadros de selección y los cuadros de verificación, se desencadena el evento onchange cuando cambia el estado de selección.

Consejo:Este evento es similar a Evento oninput. La diferencia radica en que el evento oninput ocurre inmediatamente después de que cambia el valor del elemento, mientras que el evento onchange ocurre después de que el elemento pierde el foco y cambia el contenido. Otra diferencia es que el evento onchange también se aplica a los elementos <select>.

Ejemplo

Ejemplo 1

Ejecuta JavaScript cuando el usuario cambie la opción seleccionada del elemento <select>:

<select onchange="myFunction()">

Prueba personalmente

Ejemplo 2

Ejecuta JavaScript cuando el usuario modifique el contenido del campo de entrada:

<input type="text" onchange="myFunction()">

Prueba personalmente

Sintaxis

En HTML:

<elemento onchange="myScript">

Prueba personalmente

En JavaScript:

objeto.onchange = function(){myScript};

Prueba personalmente

En JavaScript, utiliza el método addEventListener():

objeto.addEventListener("change", myScript);

Prueba personalmente

Nota:Internet Explorer 8 o versiones anteriores no lo soportan Método addEventListener().

Detalles técnicos

Burbuja: Soporte
Cancelable: No soportado
Tipo de evento: Evento
Etiquetas HTML soportadas: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> y <textarea>
Versión DOM: Eventos Nivel 2

Compatibilidad del navegador

Eventos Chrome IE Firefox Safari Opera
onchange Soporte Soporte Soporte Soporte Soporte
Eventos DOM Objeto Evento