防止父级事件处理程序的传播
考虑 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中文网其他相关文章!