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.

Next page of the Free Ebook:

15Validação de formulários com JavaScript