Howto:div with onclick在另一个div with onclick javascript中

javascript中基本上有两个事件模型。 事件捕获 和 . 在事件冒泡中,如果单击inside div,则先触发inside div click事件,然后触发outer div click事件。在事件捕获中,首先触发外部div事件,然后触发内部div事件。要停止事件传播,请在click方法中使用此代码。

   if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();

查看有关事件传播的信息 here

特别是,您需要在事件处理程序中使用类似这样的代码来阻止事件传播:

function myClickHandler(e)
{
    // Here you'll do whatever you want to happen when they click

    // now this part stops the click from propagating
    if (!e) var e = window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}

只需添加以下代码:

window.event.stopPropagation();

return false; 从内部div的onclick函数:

<div onclick="alert('inner'); return false;" ...

event propagation .

这是一个事件冒泡的例子。

e.cancelBubble = true; //IE

和

e.stopPropagation(); //FF

基于webkit的浏览器还有一种方法:

<div onclick="alert('inner'); event.stopPropagation;" ...

Here

你有两个'div'和三个'/div'。

这很有帮助,但对我没用。

我所做的一切都被描述出来了 here .

所以我在外面加了个条件 onclick 事件:

if( !event.isPropagationStopped() ) {
    window.location.href = url;
}

你可以用

    $("divOrClassThatYouDontWantToPropagate").click(function( event ) {
      event.stopPropagation();
    });

这在Jquery中对我很有用:

$('#outer_element').click(function(event) {
    if(event.target !== event.currentTarget) return;
    alert("Outer element is clicked")                       
});