隐藏带坐标的弹出窗口

Question

我的问题：例如：我有一个链接，当我点击它时会显示一个弹出窗口，当我再次点击该链接然后关闭弹出窗口时，这没关系，但是如何当我点击弹出窗口之外的任何其他地方时，我可以关闭打开的弹出框。

我搜索了很多，我找到了一些解决方案，但这些对我来说不够好，因为我知道有一种方法可以通过偏移X 来隐藏框，并且偏移Y ，正如我所理解的那样，javascript跟踪弹出窗口的位置，如果用户点击其关闭的其他位置或者是什么..

有人可以告诉我，我怎么能这样做？这对我来说非常重要!!

如果您不理解某些内容，或者您​​有任何问题请写在这里，我会尝试更好地解释它！

Answer 1

Csirkepöcsű？ ：）

您需要为文档或正文添加onclick处理程序。

​See it in action.

// 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";
};