Olá. Qual é a diferença entre usar .addEventListener() e o .on()? Tentei de ambas as formas fazendo igual como o professor e realmente funcionou apenas com o .on, porém não entendi o porquê.
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Olá. Qual é a diferença entre usar .addEventListener() e o .on()? Tentei de ambas as formas fazendo igual como o professor e realmente funcionou apenas com o .on, porém não entendi o porquê.
Oi Lucas tudo bem?
Por dentro não há diferença nenhuma, é que antigamente o .addEventListener() não funcionava para o IE8 e tinha que fazer uma gambiarra com o attachEvent() pra funcionar por isso criaram o on do jQuery. Mas hoje em dia é igual.
Mas repare que a sintaxe é um pouquinho diferente
el é o elemento
$(el).on(eventName, eventHandler);el.addEventListener(eventName, eventHandler);Se você tentou fazer
$(el).addEventListener(eventName, eventHandler);não irá funcionar mesmo.
Espero ter ajudado