在 Javascript 中关闭模态框答案

【问题标题】：Closing Modal box in Javascript在 Javascript 中关闭模态框
【发布时间】：2021-12-31 06:15:01
【问题描述】：

我正在我的项目中尝试模态框，我遇到了一个问题，即当在模态框之外进行单击时，我无法关闭模态框。我尝试了以下代码，但这会在打开模态框的同时关闭它。我也尝试使用 setTimeout 方法。它不工作。谁能帮我解决这个问题？

const gstModal=()=>{
    g=document.getElementsByClassName("modal-gst")[0];
    g.style.display="block";
    document.addEventListener('click', function(event) {
        var isClickInside = g.contains(event.target);
        if (!isClickInside) {
            closeGST();
        }
      });
}

function closeGST(){
    document.getElementsByClassName("modal-gst")[0].style.display="none";
}

【问题讨论】：

!e.target.classList.includes('model-gst'); - 试一试

标签： javascript ecmascript-6 dom-events

【解决方案1】：

如果您有一个覆盖 div 以及弹出窗口，那么您可以在覆盖 div 点击时轻松处理点击。这是使用 HTML 和 JS 的示例模式弹出窗口

https://www.w3schools.com/howto/howto_css_modals.asp

【讨论】：