Exemplo
Executar um JavaScript quando um usuário escreve algo em um <input> campo:
<input type="text" oninput="myFunction()"> Tente você mesmo " Definição e Uso
O evento oninput ocorre quando um elemento recebe entrada do usuário.
Este evento ocorre quando o valor de um <input> ou <textarea> elemento é alterado.
Dica: Este evento é semelhante ao onchange 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
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o evento.
| Evento | |||||
|---|---|---|---|---|---|
| oninput | sim | 9 | 4.0 | 5 | sim |
Sintaxe
Em HTML:
Em JavaScript:
object .oninput=function(){ Tente você mesmo " Em JavaScript, usando o addEventListener() Método:
object .addEventListener("input", 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 = "color">, <input type = "data">, <input type = "data e hora">, <input type = "email">, <input type = "mês">, <input type =" número ">, <input type =" password ">, <input type =" intervalo ">, <input type =" search ">, <input type =" tel ">, <input type =" text ">, < input type = "tempo">, <input type = "url">, <input type="week"> e <textarea> |
| DOM Versão: | Nível 3 Eventos |
<Objeto de evento