O melhor tutorial evento JavaScript HTML DOM em 2024. Neste tutorial você pode aprender Exemplos,Reagir a eventos,Exemplos,Exemplos,Atributos HTML Evento,Exemplos,Use o DOM HTML para atribuir um evento,Exemplos,onload e onunload evento,Exemplos,evento onchange,Exemplos,onmouseover e onmouseout eventos,Exemplos,onmousedown, onmouseup e evento onclick,Exemplos,mais exemplos,
HTML DOM JavaScript, HTML tem a capacidade de reagir a eventos.
Podemos executar JavaScript quando o evento ocorre, por exemplo, quando o usuário clica no elemento HTML.
Para executar código quando um usuário clica em um elemento, adicionar um código JavaScript para atributos do evento HTML:
exemplos de evento HTML:
Neste exemplo, quando um usuário sobre o elemento <h1>, quando clicado, irá mudar o seu conteúdo:
Neste caso, para chamar uma função do manipulador de eventos:
Para atribuir eventos a elementos HTML, você pode usar os atributos de eventos.
Atribuído ao evento onclick elemento de botão:
No exemplo acima, a função chamada DisplayDate será executada quando o botão é clicado.
HTML DOM permite que você use JavaScript para atribuir eventos a elementos HTML:
Atribuído ao evento onclick elemento de botão:
No exemplo acima, a função é atribuída a um id = myButn "elemento HTML DisplayDate nomeado.
Clique no botão quando a função JavaScript será executado.
onload e onunload evento é acionado quando o usuário entra ou sai da página.
evento de carregamento pode ser usado o tipo de navegador e versão do navegador que o visitante é detectado, e com base nesta informação para carregar a versão correta da página.
onload e onunload evento pode ser usado para lidar com cookie.
eventos de validação campo de entrada muitas vezes combinados onchange de usar.
Aqui está um exemplo de como usar o onchange. Quando o usuário altera o conteúdo do campo de entrada, chama a função maiúscula ().
onmouseover e onmouseout eventos podem ser usados para acionar funções quando mouse se move do usuário para o topo do elemento HTML ou elementos removidos.
onmousedown, onmouseup e onclick constituem todas as partes do evento clique do mouse. Primeiro, quando você clica no botão do mouse, o gatilho onmousedown evento quando o botão do mouse é liberado, ele irá acionar onmouseup evento, e, finalmente, quando a realização de um clique do mouse, ele irá disparar o evento onclick.
Um exemplo simples onmousedown-onmouseup:
onmousedown e onmouseup
Quando o usuário pressiona o botão do mouse, a substituição de uma imagem.
onload
Quando a página é terminar de carregar, exibir uma caixa de mensagem.
onfocus
Quando o campo de entrada tem o foco, mudar a cor de fundo.
eventos do mouse
Quando o ponteiro se move sobre o elemento, mudar sua cor, quando o ponteiro se move para fora do texto, sua cor vai mudar novamente.