Ukrywanie div-ów

Question

Witam chciałbym się dowiedzieć czy istnieje inna możliwość jeżeli chodzi chowanie divów przy kliknięciu gdziekolwiek poza nimi. Wzorując się na kursjs stworzyłem takie coś:

document.addEventListener('click', function() 
{
       this.divCnt.classList.remove('calendarSmartShow');
}.bind(this));

i to działa naprawdę fajnie tylko teraz co w przypadku jeżeli takich elementów będę miał więcej dużo więcej, Czy takie rozwiązanie jest poprawne?  No bo z jednej strony tworzę wiele addEventListener ale z drugiej wszystkie podpięte są do tego samego elementu/targetu.

Answer 1

Możesz to rozwiązać na kilka sposobów. Jednym z nich jest po prostu sprawdzenie event.target i w zależności od jego wartości ukrycie diva lub nie.

Comments

No okej więc coś takiego:

document.addEventListener('click', function() 
{
         if(e.target.classList.contains('divFajny') === 0)
                this.divCnt.classList.remove('calendarSmartShow');
         else if(e.target.classList.contains('divFajny2') === 0)
                this.divCnt2.classList.remove('divHide');

}.bind(this));

Tutaj zamiast sprawdzanie po klasie tylko dla przykładu, może być po dowolnej innej własności. No i ten warunek byłby naprawdę spory.

Ale w sumie wpadłem na inny pomysł co gdybym każdy div który się pojawi a który chcę schować po kliknięciu dodawał do tablicy w ten sposób nie sprawdzałbym wszystkich divów z całej aplikacji tylko przeważnie 1/2. A kiedy już zostanie schowany usunę z tej tablicy.