Javascript - Onclick显示内联 - 隐藏在其他地方点击

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

将此代码放在`＆lt; script＆gt;＆lt; / script＆gt;之间标签

  

document.onclick = onclickFunc;
  function onclickFunc（e）{
  if（！e）var e = window.event
    var id = e.srcElement.id;
    if（id！='btnId'）{
   / *编写代码以隐藏面板* /
  }
  }