隱藏與座標的彈出框

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