Javascript 在CSS中跟踪Onclick事件-执行一些操作

我正在研究简单的jquery模式。我想在模式后面的覆盖中执行onclick事件。当用户在模式外单击时，我需要关闭模式。这是代码

#basic-modal-content {display:none;}

    /* Overlay */
    #simplemodal-overlay {background-color:#000; cursor:wait;}
    
    /* Container */
    #simplemodal-container {height:300px; width:600px; color:#bbb; background-color:#FFF; border:6px solid #72A014;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px; padding:12px;}
    #simplemodal-container .simplemodal-data {padding:8px;}
    #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
    #simplemodal-container a {color:#ddd;}
    #simplemodal-container a.modalCloseImg {background:url(close.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-20px; right:-23px; cursor:pointer;}
    #simplemodal-container h3 {color:#84b8d9;}

当用户单击覆盖时，需要关闭模式。是否有任何方法跟踪模式外的onclick事件并将其关闭

希望我的问题清楚。提前谢谢

将事件绑定到

#SimpleModel覆盖

$("#simplemodal-overlay").click(function(){
//code to remove the overlay , same as on the close btn
});

---

但我不明白为什么要在覆盖上等待光标。？

未测试，但这看起来应该可以工作：

您不能在css中单击。当在模式外单击时，是否有其他方法关闭模式？？？您尝试过什么吗？把它粘贴到这里，我们就可以调试你的代码并提供解决方案了。我在谷歌上搜索了一下，发现了一些：active，但不起作用。