要控制 jQuery trigger 的事件冒泡,你可以使用 event.stopPropagation()
方法。event.stopPropagation()
可以阻止事件冒泡到父元素。以下是一个简单的示例:
HTML 结构:
父元素
jQuery 代码:
$("#child").on("click", function(event) { alert("子元素被点击"); event.stopPropagation(); // 阻止事件冒泡 }); $("#parent").on("click", function() { alert("父元素被点击"); });
在这个示例中,当你点击子元素时,只会弹出 “子元素被点击” 的提示框,而不会弹出 “父元素被点击” 的提示框,因为我们在子元素的点击事件处理函数中调用了 event.stopPropagation()
方法阻止了事件冒泡。