javascript - Javascript - Onclick 显示内联 - 如果在其他地方单击则隐藏

Question

我希望在单击按钮时显示文本，并在单击其他位置时再次隐藏文本。我添加了一个 onclick 函数，它将显示从无更改为内联，反之亦然。我必须改变什么，才能使文本再次消失，而不必再次单击按钮？

谢谢你的帮助！

编辑：使用“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></script> 标记之间

文档.onclick = onclickFunc;
函数 onclickFunc(e) {
if (!e) var e = window.event
     var id = e.srcElement.id;
     if(id != 'btnId') {
            /*编写代码来隐藏面板*/
    }
}