在焦点上显示div，但在页面上的任意位置单击时关闭

<div id="myDiv" style="display: none;">
  <!-- 内容 -->
</div>

<button onclick="showDiv()">显示div</button>

<script>
function showDiv() {
  var div = document.getElementById("myDiv");
  div.style.display = "block";
  div.focus();
}
</script>

<script>
document.addEventListener("click", function(event) {
  var div = document.getElementById("myDiv");
  if (event.target !== div && !div.contains(event.target)) {
    div.style.display = "none";
  }
});
</script>