🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 事件冒泡和时间捕获:描述事件触发时顺序的术语。 1、事件捕获--指的是从document到触发事件的那个节点,即自上而下(由外到内)的去触发事件。 2、事件冒泡--是自下而上(由内到外)的去触发事件。像鱼儿吐泡泡一样; 3、绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。 true--事件捕获;false--事件冒泡。默认--false,即事件冒泡。 4、Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。 ``` <div id="parent">   <div id="child" class="child">dd</div> </div> document.getElementById("parent").addEventListener("click",function(e){ alert("parent事件被触发,"+e.target.id); }); document.getElementById("child").addEventListener("click",function(e){ alert("child事件被触发,"+e.target.id) }); ``` 结论:先child,然后parent。事件的触发顺序自内向外,这就是事件冒泡。(由内向外)