怎么在JShtml中实现事件冒泡和事件捕获操作

怎么在JS html中实现事件冒泡和事件捕获操作？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

10年积累的网站设计、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有新沂免费网站建设让你可以放心的选择与我们合作。

1.冒泡型事件：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。

我一般用法就是理解为触发事件A, 会触发A的父亲，爷爷，爷爷的父亲......

代码：




  
  点击事件捕获冒泡实验

var father = document.getElementById('father'); father.addEventListener('click',function () { alert('fattther'); }) var son = document.getElementById('son'); son.addEventListener('click',function () { alert('son'); });

点击button，会以此弹出"son", "father"。

2.捕获事件：使用事件捕获时，父级元素先触发，子级元素后触发。

我们使用addEventListener添加监听事件时，参数分别为(事件类型, function(){}, capture), 一般不写第三个参数时默认为false，即事件冒泡。

所以1中的代码会是事件冒泡顺序。如果我们想改为事件捕获，把参数设置为true即可，代码如下：




  
  点击事件捕获冒泡实验

怎么在JShtml中实现事件冒泡和事件捕获操作

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧在百度地图上找到我们

电话：13518219792

怎么在JShtml中实现事件冒泡和事件捕获操作

扫二维码与项目经理沟通

其他资讯

行业动态

企业网站建设的重要性！

服务项目

网站建设

移动端/APP

微信/小程序

技术支持

其它服务

更多服务项目

联系吧 在百度地图上找到我们

电话：13518219792

联系吧在百度地图上找到我们