标签：DOM 捕获 阶段 事件 event 冒泡
先 捕获 再 冒泡
js的事件冒泡机制呢，就是一个DOM树，一级一级向上冒的过程，最终是到document这个根节点这里。js的事件冒泡机制，就像是一个水泡在水底下，冒泡到水面的过程。
捕获：从上往下；--> 目标阶段；--> 冒泡：从下往上。
DOM事件流
DOM2级事件规定的事件流包括 三个阶段：
注意：在DOM事件流中，实际的目标在捕获阶段不会接收到事件，下一个阶段是处于目标阶段，这时事件被触发，最后进入事件冒泡阶段。我们认为处于目标阶段是事件冒泡阶段的一部分。
另：
1.event.stopPropagation()方法
这是阻止事件的冒泡方法，不让事件向document上蔓延，
但是默认事件任然会执行，当你调用这个方法的时候，
如果点击一个连接，这个连接仍然会被打开，
2.event.preventDefault()方法
这是阻止默认事件的方法，调用此方法是，连接不会被
打开，但是会发生冒泡，冒泡会传递到上一层的父元素；
3.return false ；
这个方法比较暴力，他会同时阻止事件冒泡也会阻止默认
事件；写上此代码，连接不会被打开，事件也不会传递到
上一层的父元素；可以理解为return false就等于同时
调用了event.stopPropagation()和event.preventDefault()
标签：DOM,捕获,阶段,事件,event,冒泡
来源： https://www.cnblogs.com/luhu123/p/16522929.html
本站声明：
1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。
