要控制 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()
方法阻止了事件冒泡。