Sprawdzanie czy NIE kliknięto diva

Question

Witam, czy da się sprawdzić, czy kliknięto coś innego od diva? Ponieważ mam pod przyciskiem pojawianie się menu, tak jak jest na przykład na facebooku w prawym górnym rogu. I chciałbym, aby po kliknięciu poza tym menu, menu znikało. (Nie chciał bym robić diva na szerokość całego okna pod tym divem, bo miałem taki pomysł, ale nie byłoby to najlepsze rozwiązanie)

Comments

@Comandeer,

Przypnij się po prostu do document ...

np. tak  [ on-line ]

const area = window || document.body;

 

How to close menu when clicking outside of the div?

Answer 1

Przypnij się po prostu do document i sprawdź, czy event.target nie jest divem, o który Ci chodzi (lub nie jest jego dzieckiem, np. przy pomocy closest()). Przykład: https://jsfiddle.net/Comandeer/bg2qdrxL/

Answer 2

Możesz skorzystać z event delegation i, poprzez event.target, sprawdzić czy kliknięto konkretny element.