@Black_Fire

Как закрыть модалку при клике извне, но чтобы обработчик был на ней?

Есть всплывающее окно фиксированной ширины и высоты. Нужно, чтобы по клику вне его, оно закрывалось, но обработчик желательно на нём самом чтобы был. То есть без дополнительной обертки, которая в таких случаях идет как фон и обычно занимает всю ширину и высоту экрана, по которой отлавливают клик.
  • Вопрос задан
  • 97 просмотров
Пригласить эксперта
Ответы на вопрос 1
@dennis_d
One Love, One Front-End
как-то так
modal.addEventListener('click', (e) => {
        if (e.target === modal || e.target.getAttribute('data-close') == '') {
            closeModal()
        }
    })

modal - это твоя переменная с селектором модалки, data-close - это атрибут который добавляется к кнопке закрытия модалки, можно получить кнопку закрытия и другим способом. closemodal() - это функция закрытия, которая вызывается при других действиях закрытия.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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