事件冒泡是指当一个元素上的事件被触发时,该事件会从该元素开始向其父元素传递,一直传递到页面顶层或者停止传播的元素为止。也就是说,如果在一个元素上触发了某项事件,比如点击事件,那么除该元素外,所有包含该元素的其他元素都会接收到这个事件。

阻止事件冒泡有两种方式:

使用 stopPropagation() 方法:
调用事件对象的 stopPropagation() 方法可以阻止事件进一步冒泡。例如:

event.stopPropagation();

使用 return false
在事件处理函数中使用 return false 可以阻止事件冒泡,同时也会阻止事件的默认行为。例如:

$("#div1").click(function(event){
  event.stopPropagation();
});

需要注意的是,在 jQuery 中,当事件处理函数返回 false 时,会同时调用 event.preventDefault() 和 event.stopPropagation() 方法。因此,以上代码等价于:

$("#div1").click(function(event){
  return false;
});