事件有好多种最为常用的就是點击事件。在我们想执行点击事件的时候通常是想让点击某个元素的时候执行某个事件,而冒泡事件就是指在点击这个元素的时候执行叻这个事件而同时它的父元素也执行了这个事件。
当我们只点击a的时候查看一下控制台的信息,如下:
这就是我们常说的事件冒泡
②、事件冒泡的影响
很显然,在上面的操作中我们执行要点击a,但实际上在点击a的同时div和body也发生了点击操作,从而执行了它们对应的倳件但对于我们来说,这并不是我们想要的结果
点击a,查看控制台:
可以发现只执行了a的点击事件,而没有执行div和body的点击事件
四、jQuery方法阻止事件冒泡
代码如下:、
点击a,查看控制台输出信息如下: