使绝对div在其外部的内容被单击时隐藏

<div id="container">
  <div id="absoluteDiv"></div>
  <p>其他内容</p>
</div>

#container {
  position: relative;
  background-color: transparent;
}

#absoluteDiv {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

var container = document.getElementById("container");
container.addEventListener("click", function() {
  var absoluteDiv = document.getElementById("absoluteDiv");
  absoluteDiv.style.display = "none";
});