Web Sites com Ajax

Introdução

Exemplo da unidade: Eventos

Script utilizado:

<script type="text/javascript">
<!--
// Visualize o código fonte desta página.
//-->
</script>

Exemplo para os eventos: onclick, onmouseover e onmouseout

 

Exemplo para os eventos onsubmit, onfocus, onblur, onkeypress e onkeyup.

Qual o seu nome?

Preview do texto informado:

Sobre estes exemplos

onload e onunload

Eles são simples. Ao entrar na página você se deparou com um alerta e ele (alerta) foi exibido mediante o evento onload. Ao sair da página você verá outro alerta mas esse agora será exibido através do evento onunload.

onclick, onmouseover e onmouseout

Exibirá um alerta ao clicar no link (no primeiro), um alerta ao passar o mouse sobre o segundo link e ao retirar o mouse da área do link (o segundo).

onsubmit, onfocus, onblur, onkeypress e onkeyup

O evento onsubmit ocorrerá quando o form for enviado, ou seja, ao clicar no botão - Testar o evento onsubmit.

Quando o campo que recebe o seu nome é focado, o evento onfocus entra em ação. Neste caso, "limpando" o valor padrão do campo - Digite aqui o seu nome.

Quando esse mesmo campo perde o foco, quem entra em cena é o evento onblur. Com ele voltamos ao valor padrão novamente, mas somente se o valor do campo estiver vazio, pois assim evitamos de limpar o nome do usuário.

Os eventos onkeypress e onkeyup foram aplicados também no campo onde informamos o nome. Eles vão atualizando um outro campo de texto (logo abaixo) a media que você vai digitando seu nome.

« Voltar a unidade Eventos.