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

Question

[Даниил Сухих]

Есть тоглер который открывает и закрывает окно при клике на нужные элементы, как закрывать окно при клике вне окна?

const time_close = document.querySelectorAll('.main-header__info__time-button, .main-header__info__time-list__close');
[...time_close].forEach(elem => elem.onclick = toggleTime);

const time_window = document.querySelector('.main-header__info__time-list');

function toggleTime() {
	const value = time_window.style.display;
	time_window.style.display = (value == 'none' || value == '') ? 'block' : 'none';
}

Comments

[Kovalsky]

[Даниил Сухих]

Kovalsky, там все варианты предлагают на jq, мне нужно на чистом js

[historydev]

danchikraw, так ищите лучше)

[Kovalsky]

danchikraw, во первых это не правда, там не все варианты предлагают jquery, даже больше - только что проверил, по первой же ссылке можно найти решения без jquery. Во вторых эти примеры настолько крошечные, что в них jquery совсем никак не влияет на логику; вы можете взять любой пример и переписать его исключив jquery, хотя бы по мануалам из youmightnotneedjquery.com

Answer 1

[Stalker_RED]

document.body.addEventListener('click', evt => {
  if (!evt.target.closest('.my_window')) {
    // клик вне окна, закрываем
  }
})