三阶段原理过程：

阻止事件冒泡

当对子元素添加了事件侦听后，执行的时候会触发父元素相同类型的事件，此时需要阻止事件冒泡。

早期IE是没有捕获阶段的，只有冒泡，cancelBubble为阻止冒泡。后来的stopPropagaiton，既有阻止冒泡的功能，也有阻止捕获的功能，但如果译为阻止传播，那么跟cancel就是两个东西了，所以还是叫做阻止冒泡。阻止事件冒泡（传播）的方法是：

e.stopPropagation();通用

e.cancelBubble=true;仅适用在IE8及以下

扩展：

e.currentTarget 是事件侦听事件对象（什么对象执行addEventListener函数就是谁）

e.target 事件的目标对象 真实点击的最终目标对象

e.srcElement 事件的目标对象，兼容IE

事件函数中this默认等同于e.currentTarget,都是事件侦听的对象

深度学习

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。