0

我正在使用这个模态窗口的一个稍微修改过的版本:http: //blog.avtex.com/2012/01/26/cross-browser-css-only-modal-box/

我所做的修改之一是添加onclick="history.back(-1)"到覆盖和垂直偏移 div,以便通过单击外部来隐藏模式。但是,将 onclick 事件添加到垂直偏移 div 会捕获发生在 dimBox div 上的点击。

你可以看看这个 jsFiddle 看看发生了什么:http: //jsfiddle.net/dvrcthewrld/uaP3v/1/

我怎样才能让dumbBox div捕捉其中发生的那些点击,而不是垂直偏移div捕捉它们?

[请不要使用 jQuery。]

我真的很想知道为什么内部 div 将点击事件传递给父级以及如何阻止它。

4

1 回答 1

1

演示:http: //jsfiddle.net/cZkn2/

html

<div class="vertical-offset" onclick="check(this)">
    <div class="dumbBox" id="div">
        Content goes here<br/>
        Content goes here<br/>
        Content goes here<br/>
        Content goes here
    </div>
</div>

javascript

function check(e) {
    var target = (e && e.target) || (event && event.srcElement);
    var obj = document.getElementById('div');
    if(target!=obj){history.back(-1);}
}
于 2013-02-14T20:54:29.443 回答