Olá, estou desenvolvelvendo uma lista de compras que possui tabelas de secções e linhas dos itens a serem comprados, acontece que eu estava usando o event listener de clique para editar os campos da linha ou tabela e duplo clique para excluir. No entanto isso tornou-se um problema de interface, fazendo com que elementos dessa aplicação fossem removidas sem querer. Para isso pensei em acionar a função de deletar tabela com um evento de manter o elemento clicado. Mas não estou conseguindo usar setTimeOut para isso, poderia mostrar uma solução viável para o problema? Segue um trecho do código em questão...

// Prepara a funcionalidade de deletar as tabelas selecionadas engatilharTabelas();

function engatilharTabelas(){

var listaTabelas = document.getElementsByClassName('tabela__cabecalho-descricao');

for(var c = 0; c < listaTabelas.length; c++){

    listaTabelas[c].addEventListener("click", deletarTabela);
}

}

function deletarTabela(){ var tabela = this.parentElement.parentElement.parentElement;

tabela.remove();

}