evento onchange
Exemplo
Execute um JavaScript quando um usuário altera a opção selecionada de um elemento <select>:
<select onchange="myFunction()">
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
O evento onchange ocorre quando o valor de um elemento foi alterado.
Para botões de opção e caixas de seleção, o evento onchange ocorre quando o estado verificado foi alterado.
Dica: Este evento é semelhante ao evento oninput . A diferença é que o evento oninput ocorre imediatamente após a alteração do valor de um elemento, enquanto onchange ocorre quando o elemento perde o foco, após a alteração do conteúdo. A outra diferença é que o evento onchange também funciona em elementos <select>.
Suporte ao navegador
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Sintaxe
Em HTML:
<element onchange="myScript">
Em JavaScript:
object.onchange = function(){myScript};
Em JavaScript, usando o método addEventListener():
object.addEventListener("change", myScript);
Observação: o método addEventListener() não é compatível com o Internet Explorer 8 e versões anteriores.
Detalhes técnicos
Bolhas: | sim |
---|---|
Cancelável: | Não |
Tipo de evento: | Evento |
Tags 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 de Nível 2 |
Mais exemplos
Exemplo
Execute um JavaScript quando um usuário altera o conteúdo de um campo de entrada:
<input type="text"
onchange="myFunction()">