JavaScript 点击按钮弹出div，点击空白处关闭 - 代码示例

以下是一个示例代码，实现点击按钮弹出 div，点击其他空白地方关闭 div 的功能：

HTML 部分：

<button id='btn'>点击弹出</button>
<div id='popup'>这是一个弹出框</div>

CSS 部分：

#popup {
  display: none;
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}

JavaScript 部分：

var popup = document.getElementById('popup');
var btn = document.getElementById('btn');

// 点击按钮弹出div
btn.addEventListener('click', function() {
  popup.style.display = 'block';
});

// 点击其他空白的地方关闭div
document.addEventListener('click', function(e) {
  if (e.target != popup && e.target != btn) {
    popup.style.display = 'none';
  }
});

代码解释：

1. 首先，我们获取到按钮和弹出框的元素。

2. 然后，我们给按钮添加了一个点击事件监听器，当按钮被点击时，将弹出框的 display 属性设置为 'block'，使其显示出来。

3. 接着，我们给整个文档添加了一个点击事件监听器，当点击事件发生时，我们判断点击的目标元素是否为弹出框或按钮，如果不是，则将弹出框的 display 属性设置为 'none'，使其隐藏起来。

这样，我们就实现了点击按钮弹出 div，点击其他空白的地方关闭 div 的功能。