Ir para conteúdo
Faça parte da equipe! (2024) ×

[JS] Todos os eventos do <INPUT>


Adeuk
 Compartilhar

Posts Recomendados

Olá a todos.

Irei explicar os eventos que podem ser usados com os INPUT de buttuon, text, etc.

Usarei uma fórmula que será seguida em todos os eventos:

 

Evento: Evento que irá ocorrer

Como usar: Como usá-lo

Explicação: Explicando o evento

 

PS¹: Lembrar - Quando eu ultilizei "...()" você coloca sua função OU põem um alert.

 

Evento: blur

Como ultilizar: onBlur="...()"

Explicação: Quando o foco é retirado de algum objeto, como text, textarea etc.

 

Evento: change

Como ultilizar: onChange="...()"

Explicação: Ocorre quando o value de um text, textarea ou algo do gênero é alterado.

 

Evento:click

Como ultilizar: onClick="...()"

Explicação: Ocorre quando algo é clicado.

 

Evento: focus

Como ultilizar: onFocus="...()"

Explicação: Quando o usuário seleciona certo objeto.

 

Evento: load

Como ultilizar //ESPECÍFICO: <body onLoad="...()">

Explicação: Acontece quando o objeto é carregado.

 

Evento: unload

Como ultilizar //ESPECÍFICO: <body onUnload="...()">

Explicação: Ocorre quando o usuário fecha/sai da página.

 

Evento: mouseover

Como ultilizar: onMouseOver="...()"

Explicação: Acontece quando o mouse é passado por cima de alguma coisa.

 

Evento: select

Como ultilizar: onSelect="...()"

Explicação: Ocorre quando o objeto é selecionado.

Eventos básicos de mouse:

 

MouseDown - Quando o botão é pressionado.

MouseMove - Ocorre quando o ponteiro se movimenta pelo objeto.

MouseOut - Ocorre quando o ponteiro do mouse sai de tal objeto.

MouseUp - Ocorre quando o botão for solto.

 

Eventos básicos de key:

 

KeyUp - Ocorre quando uma tecla é solta.

KeyDown - Ocorre quando uma tecla é segurada.

KeyPress - Ocorre quando uma tecla é teclada.

 

P = É possível por mais de uma função em cada objeto?

R = Sim. Basicamente, é só não esquecer as aspas. Exemplo:

 

<BODY onLoad="alert("benevindu D;!")

onUnLoad="alert("Good bye")">

 

Simples, não? :)

 

Qualquer dúvida postem abaixo.

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

  • Quem Está Navegando   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.
×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.