Os eventos em HTML são ações ou ocorrências que acontecem em um elemento da página, como um clique de mouse, uma tecla pressionada ou o carregamento da página. Esses eventos podem ser manipulados com JavaScript para executar ações específicas.
Tipos de eventos
Existem vários tipos de eventos em HTML, incluindo:
- Eventos do mouse: como clique, duplo clique, movimento do mouse, etc.
- Eventos do teclado: como pressionar uma tecla, soltar uma tecla, etc.
- Eventos de formulário: como enviar um formulário, alterar um campo de formulário, etc.
- Eventos de carregamento: como carregar uma página, carregar uma imagem, etc.
Manipulando eventos com JavaScript
Para manipular eventos em HTML, é necessário usar JavaScript. O JavaScript permite que você defina funções que serão executadas quando um evento específico ocorrer em um elemento da página.
Por exemplo, para executar uma função quando um botão é clicado, você pode usar o seguinte código:
<button onclick="minhaFuncao()">Clique aqui</button>
<script>
function minhaFuncao() {
alert("O botão foi clicado!");
}
</script>
Neste exemplo, a função "minhaFuncao()" será executada quando o botão for clicado. A função exibe um alerta com a mensagem "O botão foi clicado!".
Adicionando eventos com JavaScript
Também é possível adicionar eventos com JavaScript. Isso permite que você defina funções para serem executadas quando um evento específico ocorrer em um elemento da página, sem precisar usar o atributo "onclick".
Para adicionar um evento com JavaScript, você pode usar o método "addEventListener()". Por exemplo, para executar uma função quando um botão é clicado, você pode usar o seguinte código:
<button id="meuBotao">Clique aqui</button>
<script>
document.getElementById("meuBotao").addEventListener("click", minhaFuncao);
function minhaFuncao() {
alert("O botão foi clicado!");
}
</script>
Neste exemplo, o método "addEventListener()" é usado para adicionar um evento de clique ao botão com o ID "meuBotao". A função "minhaFuncao()" é definida como a função a ser executada quando o evento de clique ocorrer.
Conclusão
Os eventos em HTML são uma parte importante da criação de páginas da web interativas e dinâmicas. Com JavaScript, é possível manipular eventos para executar ações específicas quando um usuário interage com uma página da web.
