溫馨提示×

jquery trigger的事件冒泡如何控制

小樊
81
2024-10-15 23:39:43
欄目: 編程語言

要控制 jQuery trigger 的事件冒泡，你可以使用 event.stopPropagation() 方法。event.stopPropagation() 可以阻止事件冒泡到父元素。以下是一個簡單的示例：

HTML 結(jié)構(gòu)：

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

jQuery 代碼：

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

$("#parent").on("click", function() {
  alert("父元素被點擊");
});

在這個示例中，當你點擊子元素時，只會彈出 “子元素被點擊” 的提示框，而不會彈出 “父元素被點擊” 的提示框，因為我們在子元素的點擊事件處理函數(shù)中調(diào)用了 event.stopPropagation() 方法阻止了事件冒泡。

0 踩