Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
driver458
@driver458
JavaScript
HTML
CSS
Фронтенд
Как отслеживается клик вне элемента?
К примеру есть
dropdown
, у которого выпадает список при клике по нему.
Как отследить клик вне этого элемента, чтобы закрыть его?
Вопрос задан
более трёх лет назад
415 просмотров
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Владимир Проскурин
@Vlad_IT
Куратор тега CSS
Front-end разработчик
Отслеживаете клик на document, и если event.target не является нужным элементом, то выполняем код закрытия.
UPD: Пример
https://codepen.io/VladIT4/pen/vjNOKW
Ответ написан
более трёх лет назад
2
комментария
Нравится
4
2
комментария
Facebook
Вконтакте
Twitter
driver458
@driver458
Автор вопроса
а если этот элемент имеет "детей"?
допустим div > icon + text
всех проверять?
Написано
более трёх лет назад
Владимир Проскурин
@Vlad_IT
Куратор тега CSS
driver458
, использовать метод contains
https://codepen.io/VladIT4/pen/rvOVpL
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Почему closest() и parentElement не видят родителя?
2 подписчика
16 часов назад
223 просмотра
1
ответ
HTML
Простой
Как в файлах формата mhtml запретить переход по ссылкам?
2 подписчика
вчера
524 просмотра
2
ответа
JavaScript
+1 ещё
Простой
React. При отправке axios-запросов компонент ререндерится слишком много раз (или нет)?
2 подписчика
01 мар.
129 просмотров
2
ответа
HTML
+1 ещё
Простой
Как растянуть линию от отного блока до другого?
1 подписчик
01 мар.
72 просмотра
1
ответ
CSS
+1 ещё
Простой
Почему не загружаются шрифты на сайте?
нет подписчиков
01 мар.
74 просмотра
0
ответов
JavaScript
Средний
Не могу перевести число в десятичную систему без чисел после запятой используя Math.round()?
2 подписчика
01 мар.
419 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как можно исправить эту ошибку?
1 подписчик
28 февр.
462 просмотра
0
ответов
HTML
+2 ещё
Средний
Как форматировать таблицы внутри email из Jira?
1 подписчик
28 февр.
68 просмотров
0
ответов
CSS
+1 ещё
Простой
CSS как сделать div изображений ровно под наклоном друг за другом?
1 подписчик
28 февр.
115 просмотров
1
ответ
HTML
+1 ещё
Простой
Почему сайт в просмотре кода работает нормально в хроме а без него не правильно?
1 подписчик
28 февр.
143 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted.
•
Москва
от 250 000 до 400 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 420 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама