有关javascript中事件冒泡和事件捕获机制

web前端|js教程

javascript,js,冒泡

web前端-js教程javascript 中事件冒泡和事件捕获机制的详解

写作软件源码,ubuntu安装驱动失败,tomcat显示内存溢出来,qq表情爬虫,php mvc代码,中英文站会对seo造成影响吗lzw

二者作用：描述事件触发时序问题

在线课堂 php源码,vscode报错import,ubuntu raddb,tomcat不能用,sqlite数据库异常,微信支付插件V3,web前端开发框架知识目标,知乎答案爬虫代码403,offset php,移动端seo 优化,asp 购物网站,静态网页项目模板,zencart免费模板下载lzw

事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内

回忆相册ppt网页源码,vscode怎么安装拓展包,ubuntu注销死机,tomcat容器怎么用,俄爬虫人,php 文本解析,seo培训资料外推,网站广告位插件,网站模板wplzw

事件冒泡：自下而上的去触发事件—由内到外

绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获

true,事件捕获；false,事件冒泡

一般默认false,即事件冒泡

Jquery的e.stopPropagation会阻止冒泡，意思就是到DOM为止，祖先级的事件就不要触发了

下面是我尝试的例子：

window.onload = function () { document.getElementById("parent").addEventListener("click",function(e){ alert("parent事件被触发，"+this.id); },true) document.getElementById("child").addEventListener("click",function(e){ alert("child事件被触发，"+this.id) },true)}

parent事件

child事件

例子里我加了第三个true，是事件捕获。

如果不加则是默认的事件冒泡，这时候事件触发时序就是自内向外