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'）  {
                        /*写你的代码隐藏面板*/
       }
}