Скрыть всплывающее окно с координатами

Question

Моя проблема: Например: у меня есть ссылка, когда я нажимаю на нее, отображается всплывающий элемент div, а когда я снова нажимаю на ссылку, затем закрываю всплывающее окно, это нормально, но как можно Я закрываю открытое всплывающее окно, когда щелкаю где-либо еще вне всплывающего окна .

Я много искал и нашел некоторые решения, но они не были достаточно хороши для меня, так как я знаю, что есть способ скрыть окно с помощью смещения X и смещение Y , как я понял, работает таким образом, javascript отслеживает позицию всплывающего окна, и если пользователь нажимает на другую позицию, он закрывается или что ..

Пожалуйста, кто-нибудь может сказать мне, как я могу сделать это таким образом? Это действительно важно для меня !!

Пожалуйста, если вы что-то не понимаете или у вас есть какие-либо вопросы, напишите здесь, и я постараюсь объяснить это лучше!

Answer 1

Csirkepöcsű? :)

Вам нужен обработчик для документа или его тела.

См. Это в действии.

// make sure that click on the popup does nothing
document.getElementById("pop").onclick = function(e) {
  // in all browsers
  if(e && e.stopPropagation) {
    e.stopPropagation();
  } else {
    e = window.event;
    e.cancelBubble = true;
  }
};

// click anywhere else
document.documentElement.onclick = function() {
  // will hide the popup
  document.getElementById("pop").style.display = "none";
};