Durante a aula observei que o prof preferiu utilizar o event handler no elemento pai das td's. Mas teria como ter utilizado o stop propagation ao invés disso?
Durante a aula observei que o prof preferiu utilizar o event handler no elemento pai das td's. Mas teria como ter utilizado o stop propagation ao invés disso?
hoje, com a Alura e o Google Gemini
Olá, tudo bem?
Peço desculpas pela demora em obter um retorno.
Poderíamos utilizar o stopPropagation() ao invés do método addEventListener() (event handler) e para isso, teremos que utilizar o evento ondblclick (clique duplo), como mostro abaixo:
var tabela = document.querySelector("table");
tabela.ondblclick = function(event){
event.stopPropagation();
event.target.parentNode.remove();
};No código acima, o stopPropagation() é utilizado para impedir que o evento se propague para outros elementos. Já no código da aula isto não foi necessário, uma vez que o método addEventListener() permite a adição de vários manipuladores de eventos para o mesmo elemento sem sobrescrever os manipuladores de eventos existentes.
Espero ter ajudado.
Não hesite em voltar ao fórum para continuar aprendendo e interagindo com a comunidade.
Em caso de dúvidas estou à disposição.
Abraços e bons estudos!