evento HTML DOM
HTML DOM permite que eventos de JavaScript para reagir a HTML.
Exemplos
Reagir a eventos
Quando ocorre um evento, você pode executar JavaScript, por exemplo, quando um usuário clica em um elemento HTML.
Para executar código quando um usuário clica em um elemento, adicionar o código JavaScript ao HTML atributos do evento:
exemplos de evento HTML:
- Quando o usuário clica o mouse
- Quando a página é carregada
- Quando a imagem é carregada
- Quando o mouse se move sobre o elemento
- Quando o campo de entrada é alterado
- Quando o formulário HTML é apresentado
- Quando o usuário aciona a tecla
Neste exemplo, quando um usuário clica em diante, ele vai mudar o conteúdo de <h1> elemento:
Exemplos
<html>
<body>
<h1 onclick="this.innerHTML='Ooops!'">Click on this text!</h1>
</body>
</html>
tente »
Neste caso, a função será chamada do manipulador de eventos:
Exemplos
<html>
<head>
<script>
function changetext(id)
{
id.innerHTML="Ooops!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">Click on this text!</h1>
</body>
</html>
tente »
Atributos HTML Evento
Para atribuir eventos a elementos HTML, você pode usar os atributos de eventos.
Exemplos
Atribuído ao elemento botão de um evento onclick:
tente »
No exemplo acima, quando o botão é clicado, ele executa a função chamada DisplayDate.
Use o DOM HTML para atribuir um evento
evento HTML DOM permite que você use JavaScript para atribuir elementos HTML:
Exemplos
Atribuído elemento botão evento onclick:
document.getElementById("myBtn"). onclick =function(){ displayDate() };
</script>
tente »
No exemplo acima, a função chamada DisplayDate são atribuídos ao id = myButn "elemento HTML.
Quando o botão é clicado, a execução da função.
onload e onunload evento
Quando um usuário entra ou sai da página, ele irá acionar onload e onunload evento.
evento de carregamento pode ser usado para verificar os visitantes tipo de navegador e versão, a fim com base nas informações para carregar diferentes versões de uma página.
onload e onunload evento para lidar com cookies.
evento onchange
evento onchange é muitas vezes usado para validar o campo de entrada.
O exemplo a seguir mostra como usar onchange. Quando o usuário altera o conteúdo do campo de entrada será chamado função de maiúsculas ().
onmouseover e onmouseout eventos
onmouseover e onmouseout eventos podem ser usados para acionar funções quando o ponteiro do mouse se move dentro ou para fora dos elementos.
onmousedown, onmouseup e evento onclick
onmousedown, onmouseup onclick evento é um clique do mouse e todo o processo. Primeiro, quando um botão do mouse é clicado, desencadear onmousedown evento, e depois, quando o botão do mouse é liberado, ele irá acionar onmouseup evento, e, finalmente, quando o mouse, clique em Concluir, o evento onclick é acionado.
HTML DOM Evento Object Reference
Para uma descrição completa e exemplos de cada evento, por favor visite o nosso manual de referência HTML DOM .