隐藏带有坐标的弹出窗口

Question

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

我搜索了很多，找到了一些解决方案，但这些对我来说还不够好，因为我知道有一种方法可以通过 offset X 和 隐藏框>offset 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";
};