BaiqiCMS V1.2.5 正式版

e.stopPropagation和e.cancelBubble都是阻止事件冒泡的方法，但是在不同的浏览器中使用的方式不同。

1、e.stopPropagation是W3C标准的方法，用于阻止事件的进一步传播。在支持该标准的浏览器中，可以通过调用e.stopPropagation()方法来阻止事件继续传播到父元素或其他元素。

2、e.cancelBubble是IE浏览器独有的方法，用于阻止事件的冒泡。在IE浏览器中，可以通过将e.cancelBubble属性设置为true来达到阻止事件冒泡的目的。

总结来说，e.stopPropagation是标准的方法，适用于大多数现代浏览器;而e.cancelBubble是IE浏览器独有的方法，适用于IE浏览器。

阻止事件冒泡‌是什么意思

阻止事件冒泡‌是指在Web开发中，通过编程的方式阻止事件从子元素传递到父元素或祖先元素的过程。事件冒泡是指在一个嵌套的元素层次结构中，当一个事件在一个子元素上触发时，它会自动向上传递到父元素，再传递到祖先元素，直到到达最顶层的元素。阻止事件冒泡是一种在Web开发中常用的技术，可以更好地控制和管理事件的传播，避免不必要的事件触发和处理，从而提升用户体验和代码效率。‌

阻止事件冒泡的应用场景

‌避免重复触发事件‌：当一个按钮嵌套在一个包含点击事件的父元素中时，点击按钮可能会触发两个事件：按钮的点击事件和父元素的点击事件。通过阻止事件冒泡，可以避免父元素的点击事件被触发。

‌优化性能‌：在某些情况下，阻止事件冒泡可以减少不必要的计算和渲染，从而提高页面的响应速度和性能。

常见实例：点击某个区域或按钮A，出现一个弹窗B，点击弹窗的其它区域，关闭弹窗B。当点击按钮A后，添加阻止事件冒泡，意思是就不传递给上级结构了，在监听document的点击事件中，关闭弹窗B。