Javascript 用JS关闭模态

我试图关闭一个模式弹出窗口，如果用户点击模式之外的任何地方，或者点击底部的关闭按钮。“关闭”按钮可以工作，但在“模式”外的单击不起作用。以下是我尝试过的几件事。我还试着用身体和其他一些东西来替换“.modal background”，但没有任何效果

$(".modal-backdrop").click(function(){
  $(".modal").removeClass("visible");
  $(".modal").modal('hide');
});

这里是开发人员站点的链接。右上角导航上的“寻找沙龙”按钮打开了modal。

有什么想法吗

 var modal= document.getElementById("yourmodalid"); 

window.onclick = function (event) {
            if (event.target == modal) {
                modal.style.display = "none";
            }

---

这是我用javascript实现的一种非常简单的方法。

它对我来说非常适合，尽管单击任何地方，包括模式本身，都会关闭它，这也是在您的站点上生成流量的一种方法