Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
JavaScript
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Вопрос задан
более трёх лет назад
604 просмотра
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Решения вопроса
1
Алексей Ярков
@yarkov
Куратор тега JavaScript
Помог ответ? Отметь решением.
Слушаете клик по документу и смотрите на event.target. Если не модалка, то закрываем. Все.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
olya_097
@olya_097
Автор вопроса
Спасибо!
Написано
более трёх лет назад
Алексей Ярков
@yarkov
Куратор тега JavaScript
olya_097
, та не за что
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Георгий Котов
@agsDevelopment
Повесить обработчик события "клик" на элемент вне окна, закрыть окно при вызове обработчика.
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Алексей Ярков
@yarkov
Куратор тега JavaScript
Вы не военный? =)
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Алексей Ярков
, суть вопроса- что элемент вне окна - это просто document?
Написано
более трёх лет назад
Алексей Ярков
@yarkov
Куратор тега JavaScript
olya_097
, ну само собой. Слушаете клик по документу и смотрите на event.target. Если не модалка, то закрываем. Все.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
В цикле for много кнопок как сделать .addEventListener('click', к каждой кнопке?
1 подписчик
3 часа назад
51 просмотр
2
ответа
JavaScript
+2 ещё
Простой
Как получить события VK.VideoPlayer используя JS?
1 подписчик
11 нояб.
104 просмотра
1
ответ
JavaScript
+1 ещё
Сложный
Почему зависает виджет в OBS?
1 подписчик
10 нояб.
147 просмотров
0
ответов
JavaScript
Простой
Смещение группы в fabric.js?
1 подписчик
06 нояб.
128 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Как сделать горизонтальный скролл стрелками?
1 подписчик
05 нояб.
203 просмотра
0
ответов
JavaScript
Простой
Как создать рисунок из PHP в Fabric.js?
2 подписчика
28 окт.
170 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Какой скрипт загружает меню в Ютуб?
2 подписчика
27 окт.
288 просмотров
2
ответа
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
252 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
154 просмотра
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
197 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама