0

このモーダル ウィンドウを少し変更したバージョンを使用しています: http://blog.avtex.com/2012/01/26/cross-browser-css-only-modal-box/

私が行った変更の 1 つはonclick="history.back(-1)"、モーダルの外側をクリックしてモーダルを非表示にするために、オーバーレイと垂直オフセットの div に追加することです。ただし、垂直オフセット div に onclick イベントを追加すると、damumBox div で発生したクリックがキャッチされます。

この jsFiddle を見て、何が起こっているかを確認できます: http://jsfiddle.net/dvrcthewrld/uaP3v/1/

垂直オフセット div がクリックをキャッチするのではなく、dumbBox 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 に答える