Eventos em HTML
Página 14
Eventos em HTML
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.
Agora responda o exercício sobre o conteúdo:
_Qual método é utilizado para adicionar um evento em um elemento da página com JavaScript?
Você acertou! Parabéns, agora siga para a próxima página
Você errou! Tente novamente.
Próxima página do Ebook Gratuito:
15Validação de formulários com JavaScript
Ganhe seu Certificado deste Curso Gratuitamente! ao baixar o aplicativo Cursa e ler o ebook por lá. Disponível na Google Play ou App Store!
