事件冒泡

如图:

 父元素和子元素都绑定了相应的事件,当我点击按钮时:

 父元素的事件也被触发了,这就是冒泡。

解决方法:

 给子元素的事件函数里加了event.stopPropagation(),看效果:

 父元素的事件没有触发。

在这里父元素和子元素绑定的是相同事件click,试一下绑定不同事件的情况:

 这次父元素是mouseup事件,子元素是click事件,看下结果:

 阻止冒泡失败。

得出结论:只有相同的事件才能阻止冒泡。

posted @ 2022-07-29 15:22  随风&  阅读(40)  评论(0编辑  收藏  举报