javascript - 隐藏带有坐标的弹出窗口

Question

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

我进行了很多搜索，找到了一些解决方案，但这些对我来说还不够好，因为我知道有一种方法可以通过偏移量 X和偏移量 Y隐藏框，据我所知，这种方式是有效的， javascript跟踪弹出窗口的位置，如果用户点击其他位置，它会关闭或什么..

请有人告诉我我该怎么做？对我来说真的很重要！！

如果您有不明白的地方，或者您有任何问题，请写在这里，我会尽力解释得更好！

Answer 1

西尔克佩奇？:)

您需要文档或正文的 onclick 处理程序。

看到它在行动。

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