事件捕获，事件冒泡

本文主要是介绍事件捕获，事件冒泡，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

先 捕获 再 冒泡   js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。js的事件冒泡机制，就像是一个水泡在水底下，冒泡到水面的过程。   捕获：从上往下；--> 目标阶段；--> 冒泡：从下往上。

DOM事件流

　　DOM2级事件规定的事件流包括 三个阶段：

• 事件捕获阶段
• 处于目标阶段
• 事件冒泡阶段

　注意：在DOM事件流中，实际的目标在捕获阶段不会接收到事件，下一个阶段是处于目标阶段，这时事件被触发，最后进入事件冒泡阶段。我们认为处于目标阶段是事件冒泡阶段的一部分。   另：   1.event.stopPropagation()方法   这是阻止事件的冒泡方法，不让事件向document上蔓延， 但是默认事件任然会执行，当你调用这个方法的时候， 如果点击一个连接，这个连接仍然会被打开，   2.event.preventDefault()方法   这是阻止默认事件的方法，调用此方法是，连接不会被 打开，但是会发生冒泡，冒泡会传递到上一层的父元素；   3.return false ；   这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认 事件；写上此代码，连接不会被打开，事件也不会传递到 上一层的父元素；可以理解为return false就等于同时 调用了event.stopPropagation()和event.preventDefault()

这篇关于事件捕获，事件冒泡的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！