При клике на пустое место, чтобы исчезало модальное окно?

Question

[rokha]

const btn = document.getElementById ('share');
const modal = document.getElementById ('news_share');
btn.onclick = () => {
  modal.classList.add("active");

  modal.addEventListener("click", closeModal);
};
document.onclick = function(event){
  var target = event.target
    if(target != modal){
      closeModal();
    }
};
function closeModal() {
  modal.removeEventListener("click", closeModal);
};

( btn- это кнопка по которой кликают)
(modal - сама модальное окно)
(active -стоит diplay: block;)

Comments

[Владимир]

[Максим Анциферов]

const target = event.target;
if (target !== modal && !modal.contains(target)) {
    closeModal();
}

[rokha]

Максим Анциферов, извините,я вас не понял.

[Максим Анциферов]

Добавил проверку в if, что target не находится в модальном окне

const btn = document.getElementById ('share');
const modal = document.getElementById ('news_share');
btn.onclick = () => {
  modal.classList.add("active");

  modal.addEventListener("click", closeModal);
};
document.onclick = function(event){
  var target = event.target
    if (target !== modal && !modal.contains(target)) {   // <--------------------- Вот тут
       closeModal();
    }
};
function closeModal() {
  modal.removeEventListener("click", closeModal);
};