Задать вопрос
@lagudal
javascript

Как улучшить закрытие по клику вне блока?

Вопрос чисто экспериментальный.
Недавно натолкнулся на меню - реализовано на css, открытие -скрытие подменю - на чекбоксах. Справедливо замечание, что нормальным поведением является скрытие подменю не только по клику на родителя, но и по клику вне меню. Решил для себя поупражняться и добавить такую функциональность.
на ванильном js,

на jquery
Все работает, одно но.
Начиная с 7и по последний дочерние элементы первого уровня подменю начинают открываться слева, и клик справа от меню не закрывает открытое меню, поскольку затрагивает дочерний элемент — промежуточный список ul.
Несмотря на то, что все элементы списка сдвинуты влево, этот список занимает конкретную область, и клик по этой области воспринимается скриптом как клик по дочернему элементу.
Сходу что то не нашел решения - пока в голову пришло только по hth-child(n) именно этот список в исключения, но мне кажется, что это решение будет несколько громоздким, или?
Наверняка есть более простой выход. )
  • Вопрос задан
  • 70 просмотров
Комментировать
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
dimastik1986
@dimastik1986
учусь 
$(document).mouseup(function (e) {
	var el= $('.el'); //какой-то отображаемый блок
	if (!el.is(e.target) || el.has(e.target).length !== 0) {
		//туда-сюда и закрыли
		return false;
	}
});
Ответ написан
4 комментария
4 комментария
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Анимация логотипа
24 апр. 2024, в 00:08
20000 руб./за проект
Разработка дизайна раздела «Статьи» на сайте «Мир отходов»
23 апр. 2024, в 23:01
10000 руб./за проект
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Ещё заказы