JavaScript — как закрыть элемент при клике за его областью

Как закрыть область по клику за ней. Функция на чистом JavaScript.

Также есть статья, как сделать то же самое на jQuery.

JS код:

Вместо класса добавляющего скрытие:

Можно применить стиль сокрытия:

Если нужно, чтобы меню вновь открывалось по кнопке, стоит поставить исключение на неё. В коде выше это было сделано этим !button.contains(e.target).

Метки:

English Query (запросы по теме на английском языке)

Click outside div and hide current div in vanila JavaScript

How to hide a div when the user clicks outside

Hide menu on click outside in pure JS

Привет. Ты находишься на моём сайте. Я разработчик. Здесь я делюсь своими наработками и знаниями. Спрашивай в комментариях, если тебе что-то не понятно или пиши, если есть что добавить.

Если вам пригодилась информация, вы можете поблагодарить автора сайта символическим пожертвованием:

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи: "JavaScript — как закрыть элемент при клике за его областью".

Ваш e-mail не будет опубликован. Обязательные поля помечены *