Manipuladores de eventos do DHTML

Você pode realizar uma ação em um elemento quando ocorrer um evento através de um manipulador de evento.

Exemplo

Nota:A maioria dos exemplos de DHTML requer IE 4.0+, Netscape 7+ ou Opera 7+!

onmouseover e onmouseout
Como mudar a cor de um elemento quando o ponteiro do mouse passar sobre ele e sair.
onclick
Como acender a lâmpada e, em seguida, voltar ao estado original ao clicar em uma imagem.
onmousedown e onmouseup
Agora, a lâmpada só acende quando você segurar o botão do mouse.
onload
Exibir uma caixa de diálogo quando a página for completamente carregada.

Manipulador de evento

Através de um manipulador de evento, você pode realizar uma ação em um elemento quando ocorrer um evento: quando o usuário clicar em um elemento, quando a página for carregada, quando um formulário for submetido, etc.

<h1 onclick="style.color='vermelho'">Clique neste texto</h1>

O exemplo acima define que, quando o usuário clicar em um título, ele ficará vermelho.

Você também pode adicionar um bloco de código no cabeçalho da página e chamar a função a partir de um manipulador de evento:

<html>
<head>
<script type="text/javascript">
function mudarCor()
{
document.getElementById('header').style.color="vermelho"
}
</script>
</head>
<body>
<h1 id="header" onclick="mudarCor()">Clique neste texto</h1>
</body>
</html>

Manipuladores de eventos HTML 4.0

Evento Acontece quando...
onabort O usuário interrompe o carregamento da página.
onblur O usuário sai do objeto.
onchange O usuário muda o valor do objeto.
onclick O usuário clica no objeto.
ondblclick O usuário的双击对象。
onfocus O usuário ativa o objeto.
onkeydown Pressiona o teclado.
onkeypress Pressiona o teclado.
onkeyup Solta o teclado.
onload

A página foi carregada.

Nota:No Netscape, o evento ocorre ao carregar a página.
onmousedown O usuário pressiona o botão do mouse.
onmousemove O ponteiro do mouse move sobre o objeto.
onmouseover O ponteiro do mouse move para o objeto.
onmouseout O ponteiro do mouse sai do objeto.
onmouseup O usuário libera o botão do mouse.
onreset O usuário redefine o formulário.
onselect O usuário seleciona o conteúdo da página.
onsubmit O usuário envia o formulário.
onunload O usuário fecha a página.