隐藏与坐标的弹出框

Question

我的问题：例如：我有一个链接，当我点击它时弹出一个div被显示，当我再次单击该链接时关闭弹出窗口，没关系，但怎么可以我做关闭打开的弹出框，当我点击弹出以外的任何其他地方。

我已经搜查了很多，我找到了一些解决方案，但这些还不够对我好，我知道有一种方法通过隐藏框偏移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"; 
};