Как выбрать все элементы страницы, кроме одного класса и его предков?

Question

[mishapsv]

Есть поп-ап, нужно, чтобы он закрывался, когда щелкают вне его области (назначаем addEventListener по клику).
Не могу сообразить, как это сделать.

АПД. Вот как реализован показ и скрытие при нажатии на блок:

var link = document.querySelector(".trigger"); - кликаем по блоку
var menu = document.querySelector(".right-popup"); - блок к которому нужно добавить класс

link.addEventListener("click", function(event) { - ловим клик по блоку
event.preventDefault();
menu.classList.toggle("right-popup--click") - добавляем/убираем класс (показываем/прячем блок)
});

Нужно аналогично.

Answer 1

[Dmitriy Mozgovoy]

Ну взять и проверять не потомок ли корневого элемента popup, написал лежа, так что не проверял - но суть ясна -простая как велосипед.

function isChild(child, parent) {              
                var current=child;    
                if(!child||!parent)return false;
                if(child===parent)return true;
                
                while (current = current.parentNode) {
                    if(current==parent)return true;
                }
                
                return false;
            }

...
 
if(!isChild(event.target, popupElement)){
   popup.close();
}