JS事件详解(下)

今天来聊一聊事件的执行机制 结合上次跟大家分享的事件基础,如果还没有看过的童鞋,以下是传送门 【js事件详解】上 那么什么是事件的执行机制呢? 思考一个问题 当一个大盒子嵌套一个小盒子的时候,并且两个盒子都有点击事件 你点击里面的小盒子,外面的大盒子上的点击事件要不要执行? 1. 事件的传播 就像上面那个图片一样,我们点击在红色盒子身上的同时,也是点击在了粉色盒子上,这个是既定事实,那么两个盒子的点击事件都会触发,这个就叫做事件的传播 当元素触发一个事件的时候,其父元素也会触发相同的事件,父元素的父元素也会触发相同的事件,就像上面的图片一样 点击在红色盒子上的时候,会触发红色盒子的点击事件