Tengo un div de abuelo que contiene 200 divs de "padre" (y 200 child1 y 200 child2). Quiero apuntar al elemento "niño2" mientras hago clic en él creando solo 1 detector de eventos para el "abuelo" y así el elemento "niño2" es

 event.target.parentElement.lastChild

Mientras hace clic dos veces. Cada clic en 1 elemento child2 diferente, necesito evitar que eventlistener esté activo durante 2 segundos.

 <div class="grandfather"> <div class="father"> <div class="child1"> </div> <div class="child2"> </div> </div> </div>

 document.queryselector(".grandfather").addEventListener("click",foo(e)) function foo(e){ if(e.target.parentElement.lastChild){ // Check if 2 elements been clicked // Stop eventlistener for sec }

Pensé que se trataba de un buubling pero e.stopPropagation() y e.preventDefault() no funcionaban.