Javascript O que significa toda a sintaxe de um add.event ?

[Samuel Fortes Brasil]

formulario.addEventListener("submit",(e) => {
    
})

O que significa toda sintaxe de um comando para adicionar eventos ? 

E principalmente, para que serve aquele (e)?

[DiF]

@Samuel Fortes Brasil  Basicamente o addEventListener() é uma função em JavaScript que espera que um evento ocorra e depois responde a ele. 

 

No seu exemplo de código, o "submit" é o evento,   e o  (e)  é o receptor.    Esse  (e) nada mais é do que um parâmetro para atribuir o receptor.

 

Exemplo:

formulario.addEventListener("submit",(e) => {
    e.preventDefault();
  
   //resto da função
})

 

Esse  e.preventDefault();    é o mesmo que  "return false"    você pode coloccar qualquer letra ali...  seja   " e ", " event ",   "x", "y"

No caso do exemplo e do seu código, a estrutura usa  arrow funcion. 

 

[Samuel Fortes Brasil]

@DiF não entendi muito bem esse negócio do (e), poderia explicar mais facilmente  por favor ?

além disso, tem como adicionar um evento sem função de flecha ?

[DiF]

@Samuel Fortes Brasil  Como eu mencionei, o  (e) é  segundo parâmetro da função , o receptor.  serve para tratar alguns eventos...    então você pode colocar qualquer coisa ali.

 

formulario.addEventListener("submit",(evento) => {
    evento.preventDefault();
  
   //resto da função
})

 

formulario.addEventListener("submit",(boloDeChocolate) => {
    boloDeChocolate.preventDefault();
  
   //resto da função
})

 

3 horas atrás, Samuel Fortes Brasil disse:

tem como adicionar um evento sem função de flecha

Sim,  é o jeito convencional de definir o evento na função...

 

POr exemplo:

tecla.onclick = function () {
    tocaSom(idAudio);
  };

tecla.addEventListener("click", function () {
    tocaSom(idAudio);
  });

 

Ambos fazem a mesma coisa.  Porém usando o addEventListener permite  suporte a múltiplos eventos...

Clique nos links que eu deixei acima que há sites que explicam melhor.