JavaScript: Eventos

JavaScript: Eventos

  14 de junho de 2018    henrique

---

    Para adicionar um evento a um elemento é só adicionar usando o addEventListener, ele necessita de dois parâmetros, o primeiro é qual evento que será disparado e o segundo a função que será executada.

td.addEventListener("click", mensagemErro);

function mensagemErro(){

    console.log("Mensagem de erro exibida");

}

     Ou podemos passar a function diretamente na adição do evento, sendo uma função anônima.

td.addEventListener("click", function(){

     console.log("Mensagem de erro exibida");

});

    Para não deixar que o browser execute os eventos padrão podemos especificar isso, é só dentro do evento que estamos criando adicionar o comando:

event.preventDefault();

e na function passar o event como parâmetro, assim:

function(event). Isso se faz bastante útil por exemplo quando estamos lidando com eventos de um botão de enviar do form, que por padrão seleciona os dados do form e envia a uma página e recarrega, pode ser que nem sempre queiramos ir à outra página, caso um erro ocorra por exemplo, os dados digitados no form seriam perdidos.