hallo > Alternativ kannst du natürlich eine oder mehrere Referenzen auf die `nav`-Elemente der Seite speichern und dann mittels `Node.contains(otherNode)` vergleichen. > > ~~~JavaScript > const nav = document.querySelector('nav'); > > document.body.addEventListener('click', event => nav.contains(event.target) && console.info('click in nav')) > ~~~ bery cool ~~~js document.body.addEventListener("click", function(ev){ if(! nav.contains(ev.target)) nav.querySelector("details[open]").open = false; }); ~~~ Ob's dann später ein querySelectorAll sein muss, oder ich gleich mehrere Navigationen überprüfen muss, ist erst mal unwichtig. -- Neu im Forum! Signaturen kann man ausblenden!

hallo > Alternativ kannst du natürlich eine oder mehrere Referenzen auf die `nav`-Elemente der Seite speichern und dann mittels `Node.contains(otherNode)` vergleichen. > > ~~~JavaScript > const nav = document.querySelector('nav'); > > document.body.addEventListener('click', event => nav.contains(event.target) && console.info('click in nav')) > ~~~ bery cool ~~~ document.body.addEventListener("click", function(ev){ if(! nav.contains(ev.target)) nav.querySelector("details[open]").open = false; }); ~~~ Ob's dann später ein querySelectorAll sein muss, oder ich gleich mehrere Navigationen überprüfen muss, ist erst mal unwichtig. -- Neu im Forum! Signaturen kann man ausblenden!