Evento onchange

Eventos DOM Objeto Evento

Definição e uso

Ocorre o evento onchange quando o valor do elemento muda.

Para caixas de seleção e de seleção múltipla, ocorre o evento onchange quando o estado de seleção é alterado.

Dica:Este evento é semelhante a Evento oninput. A diferença está na ocorrência do evento oninput imediatamente após a alteração do valor do elemento, enquanto o onchange ocorre quando o elemento perde o foco e o conteúdo muda. Outra diferença é que o evento onchange também se aplica ao elemento <select>.

Exemplo

Exemplo 1

Execute JavaScript quando o usuário alterar a opção selecionada do elemento <select>:

<select onchange="myFunction()">

Experimente você mesmo

Exemplo 2

Execute JavaScript quando o usuário modificar o conteúdo do campo de entrada:

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

Experimente você mesmo

Sintaxe

No HTML:

<elemento onchange="myScript">

Experimente você mesmo

No JavaScript:

objeto.onchange = function(){myScript};

Experimente você mesmo

No JavaScript, use o método addEventListener():

objeto.addEventListener("change", myScript);

Experimente você mesmo

Observação:Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Popping: Suporte
Cancelável: Não suportado
Tipo de evento: Evento
Etiquetas HTML suportadas: <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> e <textarea>
Versão DOM: Eventos Nível 2

Suporte ao navegador

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