为什么要阻止冒泡?怎么解决?
举个栗子,盒子one中有一个盒子two,盒子two中有一个button上面绑着事件a,而这个相同事件恰巧在盒子one和two中也有,当button事件被触发时,one和two中的事件也会被触发,所以我们需要进行阻止,直接上代码如下:
1.没有处理冒泡代码:
运行后效果如下,one和two中的事件也输出了;
2.处理冒泡后的代码:
加上return false 或者event.stopPropagation()
输出结果如下,只输出自己事件的点击打印,成功阻止了向上冒泡.