Olá pessoal,
Dando uma olhada na lista de eventos do MDN que o Douglas deixou como referência, percebi que tem o evento transitionend
(https://developer.mozilla.org/en-US/docs/Web/Events/transitionend).
Existe alguma diferença entre utilizar a função setTimeout
e a adicionar um listener para o evento transitionend
?
Ex:
var tabelaPacientes = document.querySelector("#tabela-pacientes");
tabelaPacientes.addEventListener("dblclick", function(event) {
event.target.parentNode.classList.add("fade-out");
event.target.parentNode.addEventListener("transitionend", function () {
this.remove();
});
});
Entendo que com a função setTimeout
conseguimos ter um controle maior, por outro lado temos que colocar o mesmo tempo que definimos no CSS, e quando esse tempo mudar no CSS, teríamos que lembrar de mudar no Javascript também.