Eventos

Eventos em JavaScript são ações que ocorrem durante a interação do usuário com uma página da web. Eles são fundamentais para tornar as páginas dinâmicas e interativas. Aqui está um resumo das principais características dos eventos em JavaScript:

Tipos de Eventos

• Existem diversos tipos de eventos, como eventos de clique (click), eventos de teclado (keydown, keyup), eventos de mouse (mouseover, mouseout), eventos de formulário (submit, change), entre outros.

Eventos Inline

• Os eventos podem ser adicionados diretamente no HTML usando atributos como onclick, onmouseover, etc.

• Exemplo de evento inline:

    <button onclick="minhaFuncao()">Clique aqui</button>

Adição de Eventos

• Os eventos também são adicionados a elementos HTML usando métodos como addEventListener.

• Exemplo de adição de evento de clique:

    let botao = document.querySelector('#meuBotao');
    botao.addEventListener('click', function() {
        // código a ser executado quando o botão for clicado
    });

Objeto Event

• Quando um evento é disparado, um objeto Event é criado e passado como argumento para a função de tratamento do evento.

• O objeto Event contém informações sobre o evento, como o tipo, o elemento alvo, teclas pressionadas, entre outras.

• Exemplo de uso do objeto Event:

    botao.addEventListener('click', function(event) {
        console.log('Evento de clique!');
        console.log('Elemento alvo:', event.target);
    });

Prevenção de Comportamento Padrão

• Em certos casos, é necessário prevenir o comportamento padrão de um evento, como o envio de um formulário ao pressionar Enter.

• Isso é feito utilizando o método preventDefault() do objeto Event.

• Exemplo de prevenção de comportamento padrão:

    formulario.addEventListener('submit', function(event) {
        event.preventDefault(); // impede o envio padrão do formulário
        // código para processar o formulário
    });

Referências

• Comunidade Discord: canal #cpw2

• MDN JavaScript basics

• Tutorial de JavaScript do W3C

• MILETTO, Evandro Manara. Desenvolvimento de software II: introdução ao desenvolvimento web com html, css, javascript e php. Porto Alegre Bookman 2014 1 recurso online ISBN 9788582601969.

CC BY 4.0 DEED