从它马上点击关闭模式弹出(Closing Modal Popup by Clicking Away

我使用本教程中添加模态屏幕：

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(); 
});

Answer 2:

您必须在覆盖的代码模态窗口移动。 分离这一点，你不会有重叠的窗口，单击事件的父母将触发仅覆盖。

<div id="overlay"> </div>
<div id="modalWindow">
    <p>Content you want the user to see goes here.</p>
</div>

文章来源: Closing Modal Popup by Clicking Away from It