Eventos em HTML

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.

Próxima página do Ebook Gratuito:

15Validação de formulários com JavaScript

3 minutos