Javascript - Onclick show inline - 隱藏，如果在其他地方點擊

Question

我想要一個文本顯示，點擊一個按鈕，當你點擊其他地方時再次隱藏。 我添加了一個onclick函數，它將顯示從none更改爲inline，反之亦然。 我必須改變什麼，才能使文本再次消失，而無需再次單擊該按鈕？

感謝您的幫助！

編輯： 解決它與「onBlur」事件，將其設置爲再次隱藏。

Answer 1

刪除您當前的點擊處理程序。然後在文檔中添加一個，如果是您的按鈕，則檢查e.target。

var toggle = document.getElementById('toggle'); 

document.addEventListener('click', function(e) { 
    toggle.style.display = e.target.id === 'btn' ? 'block' : 'none'; 
}, false); 

處理爲舊的瀏覽器不包括

http://jsbin.com/ijawig/1

Answer 2

將<腳本> </script>標籤之間`此代碼

document.onclick = onclickFunc;
功能onclickFunc（E）{
如果變種E = window.event
         變種ID = e.srcElement.id（E！）;
         如果（ID！= 'btnId'）  {
                        /*寫你的代碼隱藏面板*/
       }
}