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
-
Clique em mim e verá o evento onclick em ação;
-
Passe o mouse sobre mim e retire-o. Verá os behaviors onmouseover e onmouseout em ação.
Exemplo para os eventos onsubmit, onfocus, onblur, onkeypress e onkeyup.
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.
