Механизм закрытия меню?

Question

[survivor2005]

Добрый день, подскажите механизм закрытия aside menu, если кликнуть на любую другую область кроме самого aside menu. Пробовал через focus, blur, но меню закрывается даже когда жмешь какую нибудь ссылку в меню без срабатывания самой ссылки. Спасибо.

Comments

[Mr Crabbz]

Опубликуйте ваш код, чтобы вам можно было хоть чем-то помочь.

[survivor2005]

Краб Анархист, мне бы саму идею понять, я сделал так повесил клик обработк на Бади, затем бросил в цикл все элементы асайд меню и пишу, если таргет совпадёт с элементом меню, то пусть будет открыто меню, если не совпадёт, то закрой, но чувствую что должно быть все проще.

Answer 1

[Daniil Dubrava]

https://jsfiddle.net/a4Ldeqvn/

Чтобы остановить всплытие надо использовать event.stopPropagation(). Это надо, чтобы событие не всплывало до листенера на document. Иначе контейнер будет открываться при клике по кнопке, а затем закрываться, когда событие всплывет.

Останавливаем всплытие при клике по aside:
<aside onclick="event.stopPropagation();">

Подробнее про всплытие