Как закрыть popup кликом вне него?

Question

[Анастасия]

Есть такой скрипт, все прекрасно работает, кроме закрытия попапа кликом вне, то есть функция $(window).click

$(document).ready(function () {
  var popup = $(".form-popup");
  var openpopup = $(".form-open-popup");
  openpopup.click(function (e) {
    popup.addClass("form-popup-show");
    $(body).addClass("overflow-hidden");
    e.preventDefault();
  });
  $(window).click(function (e) {
    if (e.target == popup) {
      popup.removeClass("form-popup-show");
      $(body).removeClass("overflow-hidden");
    }
  });
});

Подскажите, пожалуйста, в чем моя ошибка

Answer 1

[y0u]

Анастасия, наиболее оптимально сначала искать - потом спрашивать :)

Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как закрыть попап по клику вне его?
Как отслеживается клик вне элемента?
Как спрятать окно при клике вне его JQuery?
Как закрыть элемент по клику из вне?
Как скрыть блок по клику вне его?
Как на чистом js закрыть элемент по клику вне его?
Как закрыть попап при клике вне его на чистом js?

Answer 2

[Dima Polos]

Вокруг попапа сделайте прозрачный блок на всю страницу, обычно называют overlay. Клик по нему должен закрыть модалку.