如何从背景中关闭模态？

Question

所以我有一个模态，一旦打开我就可以通过关闭按钮或x来关闭它。但是，我也希望能够通过点击背景来关闭它。这是我到目前为止关闭模态的代码。

    function close_modal() {
        jQuery('#details-modal').modal('hide');
        setTimeout(function() {
            jQuery('#details-modal').remove();
            jQuery('.modal-backdrop').remove();
        },500);
    }

Answer 1

我认为会让你知道它是如何运作的

 function myfunction() {
  var modal = document.getElementById('myModal');
  var span = document.getElementsByClassName("close")[0];
  span.onclick = function() {
   modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
 window.onclick = function(event) {
   if (event.target == modal) {
    modal.style.display = "none";
  }
 }
}