如图:
父元素和子元素都绑定了相应的事件,当我点击按钮时:
父元素的事件也被触发了,这就是冒泡。
解决方法:
给子元素的事件函数里加了event.stopPropagation(),看效果:
父元素的事件没有触发。
在这里父元素和子元素绑定的是相同事件click,试一下绑定不同事件的情况:
这次父元素是mouseup事件,子元素是click事件,看下结果:
阻止冒泡失败。
得出结论:只有相同的事件才能阻止冒泡。