怎么阻止冒泡事件

1、第一步，方便编写代码，先打开html编辑器sublimeText，如下图

3、第三步，代码显示的效果，如下图因为冒泡的原因点击蓝色盒子会打印：1，点击黄色盒子会打印：1和2（冒泡事件导致父元素的1也打印了一次），

5、第五步，添加阻止冒泡事件函数e.stopPropagation()后，效果如下点击黄色只会打印2（加入阻止事件后只打印2)，

6、最后总结：阻止冒泡事件只需要在函数中加入：e.stopPropagation()，就可以了。