Клик вне элемента — jQuery click outside

Сегодня поступила задача получить событие клика на странице, за пределами определенного элемента. Другими словами клик вне элемента или jQuery click out или outside click. Что-то похожее на событие hover out или mouse leave или mouse out но по клику.

Отследить клик за пределами определенного элемента пригодится например чтобы закрыть открывшееся меню, или закрыть попап (close popup by outside click). Либо для любых других ваших задач.

Как реализовать это? Как отследить клик вне элемента?

jQuery(document).on('click',function (e) {
 var el = '.element';
 if (jQuery(e.target).closest(el).length) return;
 // дальше пишем код который нужно выполнить по клику вне элемента
});

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