jquery trigger的事件冒泡如何控制

avatar
作者
猴君
阅读量:0

要控制 jQuery trigger 的事件冒泡,你可以使用 event.stopPropagation() 方法。event.stopPropagation() 可以阻止事件冒泡到父元素。以下是一个简单的示例:

HTML 结构:

<div id="parent">   父元素   <button id="child">子元素</button> </div> 

jQuery 代码:

$("#child").on("click", function(event) {   alert("子元素被点击");   event.stopPropagation(); // 阻止事件冒泡 });  $("#parent").on("click", function() {   alert("父元素被点击"); }); 

在这个示例中,当你点击子元素时,只会弹出 “子元素被点击” 的提示框,而不会弹出 “父元素被点击” 的提示框,因为我们在子元素的点击事件处理函数中调用了 event.stopPropagation() 方法阻止了事件冒泡。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!