Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
JavaScript
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Вопрос задан
более трёх лет назад
567 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
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
+3 ещё
Средний
Как уменьшить масштаб блока в зависимости от размеров родителя?
1 подписчик
5 часов назад
66 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Как в Fancybox 4 отключить воможность перетаскивания окон?
1 подписчик
7 часов назад
45 просмотров
1
ответ
JavaScript
Простой
Почему closest() и parentElement не видят родителя?
2 подписчика
вчера
262 просмотра
1
ответ
JavaScript
+1 ещё
Простой
React. При отправке axios-запросов компонент ререндерится слишком много раз (или нет)?
2 подписчика
01 мар.
147 просмотров
2
ответа
JavaScript
Средний
Не могу перевести число в десятичную систему без чисел после запятой используя Math.round()?
2 подписчика
01 мар.
423 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как можно исправить эту ошибку?
1 подписчик
28 февр.
472 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как отобразить при случайном порядке уникальность страниц?
1 подписчик
28 февр.
112 просмотров
5
ответов
JavaScript
Средний
Как я могу создать такую логику?
1 подписчик
28 февр.
118 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как получить значение из datamatrix честного знака считанного ручным сканером из html страницы?
1 подписчик
27 февр.
113 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы при увеличении высоты блока с помощью slideTogle одновременно плавно увеличивалась ширина блока?
1 подписчик
26 февр.
74 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама