jQuery | event.stopPropagation() 方法

简介

event.stopPropagation() 方法是 jQuery 中常用的事件处理方法之一。它用于阻止事件向上冒泡，即防止事件传播到祖先元素。

语法

event.stopPropagation();

参数

无。

返回值

无。

使用方法

在事件处理函数中调用 event.stopPropagation() 方法即可。

$(document).on('click', function() {
  alert('Document clicked!');
});

$('#parent').on('click', function() {
  alert('Parent clicked!');
});

$('#child').on('click', function(event) {
  event.stopPropagation();
  alert('Child clicked!');
});

在上面的代码中，当点击 child 元素时，由于调用了 event.stopPropagation() 方法，所以不会触发 parent 元素的点击事件，只会触发 child 元素的点击事件。

注意事项

• event.stopPropagation() 方法适用于阻止事件冒泡，但无法阻止事件的默认行为。如果需要同时阻止事件冒泡和默认行为，应该使用 event.preventDefault() 方法。

结论

event.stopPropagation() 方法是 jQuery 中常用的事件处理方法之一。它可以阻止事件向上冒泡，避免事件触发不想触发的其他元素的事件处理函数。