javascript - 通过单击关闭模式弹出窗口

Question

我正在使用本教程添加模态屏幕:

http://raventools.com/blog/create-a-modal-dialog-using-css-and-javascript/

除了关闭它之外，一切都很好。我不想通过按钮关闭它，而是让用户可以选择通过单击模态外部(即在它后面的其余页面的背景中)来关闭它。

用户告诉我添加 onclick='overlay()'像这样覆盖 div <div id="overlay" onclick='overlay()'>

当我尝试通过单击外部来关闭模态时，它可以工作，但如果您单击实际模态本身，它也会关闭，我不想要它，因为它是注册表单。那么有什么方法可以仅通过在实际模态本身之外单击来关闭模态？

Answer 1

试试这个:

$(document).ready(function(){
$('#overlay').bind('click', function(event){
    if (event.target == $('#overlay').get(0))
        overlay(); 
});