在容器外部单击窗口时关闭模式- jQuery

// HTML
<div id="container">
  <button id="openButton">打开窗口</button>
  <div id="window">这是一个弹窗</div>
</div>

// CSS
#container {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  padding: 10px;
}

#window {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  padding: 20px;
}

// JavaScript
$(document).ready(function() {
  $('#openButton').click(function() {
    $('#window').show();
  });

  $(document).click(function(event) {
    var container = $('#container');
    if (!container.is(event.target) && container.has(event.target).length === 0) {
      $('#window').hide();
    }
  });
});