どのようにして背景からモーダルを閉じることができますか？

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"; 
    } 
} 
}