@danchikraw

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

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

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';
}
  • Вопрос задан
  • 127 просмотров
Решения вопроса 1
Stalker_RED
@Stalker_RED
document.body.addEventListener('click', evt => {
  if (!evt.target.closest('.my_window')) {
    // клик вне окна, закрываем
  }
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы