onchange evento

<Objeto de evento

Más "Try it Yourself" ejemplos a continuación.

Definición y Uso

El evento onchange se produce cuando el valor de un elemento se ha cambiado.

Para botones de radio y casillas de verificación, el evento onchange ocurre cuando el estado de activación se ha cambiado.

Consejo: Este evento es similar a la oninput 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

Sintaxis

En HTML:

< Inténtalo tú mismo "

En JavaScript:

object .onchange=function(){ Inténtalo tú mismo "

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

object .addEventListener("change", 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 = "casilla de verificación">, <input type = "color">, <input type = "fecha">, <input type = "datetime">, <input type = "email">, <input type =" archivo ">, <input type =" mes ">, <input type =" número ">, <input type =" contraseña ">, <input type =" radio ">, <input type =" gama ">, < input type = "buscar">, <input type = "tel">, <input type = "text">, <input type = "tiempo">, <input type = "URL">, <input type = "semana ">, <keygen>, <select> y <textarea>
DOM Versión:	Nivel 2 Eventos

---

Más ejemplos

Ejemplo

Ejecutar un JavaScript cuando un usuario cambia el contenido de un campo de entrada:

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

Inténtalo tú mismo "

---

<Objeto de evento