jquery trigger的事件冒泡如何控制

jquery

915

2024/10/16 0:31:02

栏目: 编程语言

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

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

jquery trigger的事件冒泡如何控制

最新知识库

相关标签