Mini challenge z JS - capturing i bubbling :)

Question

Witam, 
Mam pewien mały problem.
Cały kod znajduje się tutaj

Co chciałbym osiągnąć ??
Wydobycie elementu o id="parent", nieważne czy użytkownik kliknie na "example" lub "child".
Takich elementów mam bardzo dużo, i chciałbym nasłuchiwać zdarzenia właśnie tylko na "grandparent", po to żeby uzyskać dostęp do "parent1", "parent2" itd... 

Problem jest w tym, że właśnie child oraz example przysłaniają mój chciany element.

Proszę o pomoc, dziękuje z góry i pozdrawiam :)

Answer 1

Można się bawić w nadawanie tym dzieciom jakiejś klasy i je odfilitrowywać, pobierając ich rodzica. Można iść w górę drzewa tak długo, aż nie trafimy na element, którego rodzicem jest bezpośrednio #grandparent. Można też wszystkim dzieciom, które chcemy ignorować, nadać w stylach pointer-events: none.

Comments

Hmm, można prosić o podpowiedź jak przejść w górę drzewa, aż do elementu, którego rodzicem bezpośrednio jest #grandparent. Myślę, że byłaby to najlepsza opcja, bo ogólnie w rzeczywistości dzieci jest dużo więcej.
 

---

let el = e.target;

while ( el.parentNode !== grandParent ) {
    el = el.parentNode;
}

 

---

Super, dzięki :)