Как реализовать закрытие бургер-меню по нажатию в любое место?

Question

[Farrelly]

Нужно сделать так, чтобы меню закрывалось не только по кнопке, но и при клике в любое место, либо при выходе курсора за пределы меню
Без JQuery на чистом JavaScript

Comments

[Вадим]

при выходе курсора за пределы меню

событие mouseleave

но и при клике в любое место

Так чтобы кликнуть в любое место, нужно вывести курсор за приделы меню, так что это уже будет решено.

Вы только определитесь что Вам нужно в конечном итоге.

[Farrelly]

Вадим, Любой способ закрыть меню кроме нажатия на кнопку. Предложены 2 идеи, которые не знаю как реализовать

[ThunderCat]

Farrelly, бургер меню это же для мобилы вроде? Тогда какой выход курсора за пределы?

[Farrelly]

ThunderCat, В моем случае не для мобилы) Практика в колледже

[Человек]

Farrelly, оформите весь код в codepen или сюда.
затем подумаем, как решить вашу проблему.

Answer 1

[ThunderCat]

Практика в колледже

Разве смысл практики не решить задачу самостоятельно?

В моем случае не для мобилы

В таком случае при открытии добавляйте прозрачный див размером с документ, накрывающий сам сайт, но лежащий ниже меню. По маусовер или клик на этом слое закрывайте меню и убирайте слой.

Инлайновые скрипты лучше не использовать, вместо этого используйте адЕвентЛистенер и селекторы элементов.

Код скриншотами запрещен правилами ресурса. Используйте текстовое представление кода и соответствующий инструмент редактора постов.

Comments

[Farrelly]

На нашей практике нам дали задание написать простенький сайт, потому что html мы учили, а вот JavaScript даже не касались. Задача была внедрить файл скрипта, и прописать какой-нибудь скрипт. Я взялся за эту задачу с меню, но о джаве не знаю ничего. Гуглить пытался, наткнулся на кучу непонятных терминов и примеров, которые у меня не работали

[Farrelly]

За правила форума спасибо, учту на будущее