在鼠標點擊時實現顯示/隱藏彈出框

Question

我已經正確地實現了顯示部分。但是如何在頁面上點擊任何東西來實現彈出窗口的隱藏？此外還有一個鏈接，點擊鏈接也會擴展和崩潰。

任何幫助。 謝謝。

Answer 1

1. 附加一個事件hanlder到彈出元素。點擊該停止事件冒泡。

2. 將事件處理程序附加到文檔。點擊隱藏彈出窗口。

一個sample using jQuery

Updated sample

Answer 2

你爲什麼不試試這個。

function close() { 
    document.getElementById("popupBox").style.display="none"; 
} 

在onclick處理程序中，調用上述函數。 爲了擴展和崩潰，Mootools提供了非常簡單的實現檢查它。

Answer 3

function switchElement(elementId) { 
    if(document.getElementById(elementId).style.display=="") 
    { 
    document.getElementById(elementId).style.display="none"; 
    } 
    else 
    { 
    document.getElementById(elementId).style.display=""; 
    } 
} 

expand已被添加到Webbisshh的代碼中。