JavaScript -OnClick Show inline-隐藏如果单击其他地方

Question

我希望显示一个文本，单击按钮时，然后在单击其他地方时再次隐藏。我添加了一个on Click函数，该功能将显示器从none更改为内联，反之亦然。我必须更改什么才能使文本再次失复，而不必再次单击按钮？

感谢您的帮助！

编辑：用" 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/jawig/1

Answer 2

在`＆lt; script>＆lt;/script> tags

之间放置此代码

document.onclick = onclickfunc;
功能onClickFunc（e）{
如果（！e）var e = window.event
＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp; var id = e.srcelement.id;
＆nbsp;＆nbsp;＆nbsp;＆nbsp; if（id！='btnid'）＆nbsp; {
＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp; nbsp; nbsp;＆nbsp;＆nbsp;＆nbsp; nbsp; nbsp; nbsp; nbsp;＆nbsp;＆nbsp; /* ＆nbsp;＆nbsp;＆nbsp;}
}