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

Question

[Константин]

На сайте есть мобильное меню, при клике на элемент добавляем класс .menu-active чтобы меню стало видимым.
Как закрывать меню по клику за пределами меню?

$(function(){
    $('.mobile-nav-toggle').click(function(){
        $('.mobile-menu').toggleClass('menu-active');
        $('.mobile-menu__background').toggleClass('menu-bcg');
    });
  });

Answer 1

[Иван Ерохин]

$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $(".mobile-nav-toggle"); // Элемент, клик по которому не должен приводить к закрытию. 
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			 $('.mobile-menu').removeClass('menu-active');
        $('.mobile-menu__background').removeClass('menu-bcg');
		}
	});

И другие вариации. Например: https://only-to-top.ru/blog/coding/2019-09-30-klik...
https://www.google.com/search?q=jquery+%D0%BA%D0%B...

Answer 2

[Антон Шаманов]

htmlbook.ru/css/not или jquery not()