addEventListener, ev =>

var evento = document.getElementById("evento"); evento.addEventListener("click", ev => msg("Botão esquerdo"));

O que esse ev => significa? Por que a função é executada mesmo quando o evento não foi chamado quando ele não é colocado no código?

Isso é uma Arrow Function. É o mesmao que fazer assim:

evento.addEventListener("click", function(ev) {
    msg("Botão esquerdo")
});

Porém tem umas características diferentes (dê uma lida no link).

Não entendi essa dúvida. Se não for colocado no código, não há como ser chamado.

1 curtida

Muito obrigado, resolveu minha dúvida.

Na parte que você não entendeu eu me referia ao seguinte codigo:
evento.addEventListener("click", msg("Botão esquerdo"));

Sem o ev=> a função era chamada mesmo quando não acontecia o evento “click”.

nesse caso, tem que ter o ev =>, senão é soh uma instrução qualquer a ser executada (se não der erro, eh claro).