如何在 jQuery 中停止事件传播以防止父事件处理程序触发？

防止父级事件处理程序的传播

考虑 div 的树结构，其中单击父级 div 会使其子级不可见。但是，单击子 div 也会触发父级的单击事件。为了解决这个问题，我们需要一种方法来防止事件在树上传播。

使用 jQuery 的一种有效方法是向子元素添加一个单击处理程序，专门停止事件传播：

function handler(event) {
    event.stopPropagation();
    // additional code here
}

$('#a').add('#b').click(handler);

在此代码中，stopPropagation() 方法用于防止事件冒泡到父 div。当点击 div '#b' 时，将调用处理函数，防止事件到达 div '#a'。因此，父级的点击事件不会被触发，保留 div '#c' 的可见性。

以上是如何在 jQuery 中停止事件传播以防止父事件处理程序触发？的详细内容。更多信息请关注PHP中文网其他相关文章！