jQuery stopPropagation 气泡向下

Question

我有一个 div，里面有一个链接:

<div id="myDiv">
    <a href="http://www.lol.com">Lol</a>
</div>

单击 <div />应该去某个地方，但是点击 child <a />应该去 www.lol.com。我从previous questions看到和 jQuery website .stopPropagation 可以防止向上冒泡，但是如何防止向下冒泡(这不是这里所必需的吗？)。

Answer 1

事件只会冒泡。因此，a 元素的单击事件处理程序在 div 的单击事件处理程序之前触发。如果您想要您描述的行为，则需要向 a 元素添加一个单击事件处理程序，以停止传播到 div。

$("#myDiv a").click( function(event) {
    event.stopPropagation();
} );

并保留 div 上的任何事件处理程序。这应该允许事件执行其默认操作，并防止 div 上的处理程序被触发。

如果您只想阻止点击链接，则可以更改 div 元素的事件处理程序

$("#myDiv").click( function( event ) {
    if( !$( event.target ).is( "a" ) )
    {
        // existing event handler
    }
} );