如何实现，以便当您单击空白区域时，关闭块

<div id="myBlock"></div>

#myBlock {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 20px;
}

document.addEventListener('click', function(event) {
  var block = document.getElementById('myBlock');
  var target = event.target;
  
  if (target !== block) {
    // 点击的区域不是块本身，即点击了空白区域，执行关闭操作
    block.style.display = 'none';
  }
});