onchange evento

<Objeto de evento

Mais "Try it Yourself" exemplos abaixo.

Definição e Uso

O evento onchange ocorre quando o valor de um elemento foi alterado.

Para radiobuttons e caixas de seleção, o evento onchange ocorre quando o estado selecionado foi alterado.

Dica: Este evento é semelhante ao oninput evento. A diferença é que o evento oninput ocorre imediatamente após o valor de um elemento mudou, enquanto onchange ocorre quando o elemento perde o foco, depois que o conteúdo foi alterado. A outra diferença é que o evento onchange também funciona em <keygen> e <select> elementos.

Suporte navegador

Sintaxe

Em HTML:

< Tente você mesmo "

Em JavaScript:

object .onchange=function(){ Tente você mesmo "

Em JavaScript, usando o addEventListener() Método:

object .addEventListener("change", myScript );

Tente você mesmo "

Nota: O addEventListener() método não é suportado no Internet Explorer 8 e versões anteriores.

---

Detalhes técnicos

Bolhas:	sim
cancelable:	Não
Tipo de evento:	Evento
tags HTML suportadas:	<Input type = "checkbox">, <input type = "color">, <input type = "data">, <input type = "data e hora">, <input type = "email">, <input type =" file ">, <input type =" mês ">, <input type =" número ">, <input type =" password ">, <input type =" radio ">, <input type =" intervalo ">, < input type = "search">, <input type = "tel">, <input type = "text">, <input type = "tempo">, <input type = "url">, <input type = "semana ">, <keygen>, <select> e <textarea>
DOM Versão:	Nível 2 Eventos

---

mais Exemplos

Exemplo

Executar um JavaScript quando um usuário altera o conteúdo de um campo de entrada:

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

Tente você mesmo "

---

<Objeto de evento