简述事件捕获和事件冒泡

最新推荐文章于 2023-11-01 10:58:14 发布
最新推荐文章于 2023-11-01 10:58:14 发布
阅读量755 收藏 2
点赞数 5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45786214/article/details/103227623
版权

简述事件捕获和事件冒泡

首先要了解什么是事件流

事件流描述的是从页面中接受事件的顺序

Javascript有两种事件流概念
第一种：事件冒泡

当给父子元素绑定事件，触发子元素身上的事件，执行完毕之后，也会触发父级元素相同的事件，这种机制叫事件冒泡。即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点。原理是从下到上：冒泡

第二种：事件捕获

给父子元素事件时，当触发子元素身上的事件时，先触发父元素，然后在传递给子元素，这种传播机制叫事件捕获。即事件开始时是不太具体的DOM节点先接收到事件，而最具体的节点最后接收到事件。原理是由上到下：捕获
-------如有错误的地方希望大神们可以指出，感谢！！！

敲代码有瘾
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于事件冒泡和事件捕获
BIGDgreen
01-31 773
这里写自定义目录标题什么是事件事件流事件冒泡和事件捕获的概念事件冒泡事件捕获事件冒泡示例事件捕获示例阻止冒泡方法一方法二（jQuery，同时会阻止默认事件） 什么是事件 事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。JavaScript与HTML之间的交互就是通过事件实现的。可以用侦听器或处理程序来预定事件，以便事件发生时执行相应的代码。 事件流 事件流描述的是从页面接收事件的顺序。 为什...
Javascript 事件冒泡机制详细介绍
10-18
Javascript中的事件冒泡...通过对Javascript事件冒泡机制的详细了解和掌握，开发者可以更好地理解在Web开发中事件是如何被触发和处理的，以及如何有效地使用事件监听和处理策略来构建更加复杂和响应用户的交互界面。
理解事件捕获和事件冒泡
Hey firefly
04-03 6237
参考资料浅谈事件冒泡与事件捕获 一年前刚开始接触JavaScript的时候就看过有关事件冒泡和事件捕获的文章，但是当时只是看过了就是看过了，没有自己实际的实践，并没有什么自己的理解在里面，属于转眼就忘的那种状态，这段时间由于参加百度的ife前端培训，做到js方面的任务时，决定仔细的学习一下时间捕获和事件冒泡，所以就有了今天这篇文章。 ps：其实前两天就想写了，但无奈图书馆的网一直连不上，只好推到
js事件（事件冒泡与事件捕获）
weixin_30381317的博客
01-22 201
事件冒泡和事件捕获分别由微软和网景公司提出，这两个概念都是为了解决页面中事件流（事件发生顺序）的问题。 <div id='aa' click='po'> <p id='bb' click='on'>点击</p> </div> 　　上面两个点击事件如果点击的时候，到底谁会被先触发呢，为了解决这个问题微软和网景提出了两...
事件捕获和事件冒泡
weixin_42787326的博客
09-10 243
参考文章：https://javascript.info/bubbling-and-capturing 一.事件冒泡和事件捕获的理解 事件冒泡：事件到达目标节点后，会沿着捕获阶段的路线返回。同样，所有经过的节点都会触发对应的事件 事件捕获：当一个事件触发后，从window对象出发，不断经过下级节点，直到抵达最终目标节点（event.target）。在事件达到目标节点之前就是事件捕获的phra...
冒泡与捕获事件
最新发布
qq_43532275的博客
11-01 835
addEventListener 的第三个参数 冒泡与捕获事件
javascript 中事件冒泡和事件捕获机制的详解
01-19
javascript 中事件冒泡和事件捕获机制的详解 二者作用：描述事件触发时序问题 事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内 事件冒泡：自下而上的去触发事件—由内到外 绑定事件...
小程序的事件介绍
01-07
5、事件冒泡和捕获 1、事件处理简述 小程序需要经常和用户进行某种交互，比如点击界面上的某个按钮或区域、或页面滑动，这些交互都会产生各种各样的事件； 事件是通过 bind/catch 属性 绑定在组件上的，和普通的...
自整理Java关于基础和框架的面试题
11-12
- 对异常进行捕获和处理。 ##### jdbc批量处理数据 - 使用`PreparedStatement`的`addBatch()`和`executeBatch()`方法批量处理数据。 ##### Oracle分页 - 使用`ROWNUM`关键字进行分页。 ##### Oracle的基本数据...
Curriculum_modules:TLM课程内容
05-03
13. 事件处理：理解事件模型，包括冒泡、捕获和事件委托，学习事件对象和事件监听器的使用。 14. AJAX与Fetch API：学习如何使用XMLHttpRequest或Fetch API进行异步数据请求，实现前后端交互。 五、前端框架与库 ...
事件捕获与事件冒泡
weixin_41700532的博客
07-31 150
昨天一个小姐姐问了我一个关于事件冒泡的，我本身对事件冒泡这个理解也不是很透彻，现在记录一下； 1、了解DOM标准的事件模型 DOM标准同时支持事件捕获跟事件冒泡，整个DOM流程是：事件捕获---捕获到目标---事件冒泡；捕获跟冒泡两种事件流都会触发DOM中的所有对象(图是自己画的，网上有很多更好看的，可以看看） 2、如上图，事件捕获是自上而下去触发事件，而事件冒泡是自下而上；jq阻止冒泡...
js事件冒泡和事件捕获总结
cyqzy的博客
05-10 2705
1. 事件冒泡（1）定义：事件的触发顺序自内向外，换句话说，就是从内层元素到外层元素（2）案例&lt;div id="parent"&gt; 父亲 &lt;div id="child"&gt;孩子&lt;/div&gt; &lt;/div&gt;parent.addEventListener("click", function(){ console.log("
JavaScript中的事件捕获（event capturing）和事件冒泡（event bubbling）
热门推荐
官方推荐
09-11 1万+
JavaScript中的事件捕获（event capturing）和事件冒泡（event bubbling）
事件冒泡和事件捕获
kiku
08-18 778
事件冒泡和事件捕获 事件流是描述从页面中接收事件的顺序【从内到外(冒泡)，从外到内(捕获)】。 事件冒泡： 事件可以沿着包容层次一点点起泡到上层，也就是说，下层的DOM节点定义的事件处理函数，到了上层的节点如果还有和下层相同事件类型的事件处理函数，那么上层的事件处理函数也会执行。例如， div 标签包含了 a ，如果这两个标签都有onclick事件的处理函数，那么执行的情况就是先执行标签 a 的o...
Javascript中的事件捕获、事件冒泡与事件委托
王龙楷
03-25 239
看以下简单的三层div结构。&lt;div id="grandparent"&gt; &lt;div id="parent"&gt; &lt;div id="child"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt;根据以上三层div嵌套结构，我来根据我的理解解释下什么叫事件捕获、事件冒泡、事件委托
事件冒泡和事件捕获的区别：
boysky0015的博客
06-14 1654
事件流描述的是从页面接收事件的顺序。 IE的事件是冒泡事件流， 而firefox的事件流是捕获事件流。 1.事件冒泡 IE的事件流叫做事件冒泡，即事件从最具体的元素到不具体的元素。 好比气泡从水底下一直向上冒泡，像dom树一样，一直到根元素。 2.事件捕获 即从不具体的元素到具体的元素。
JS之事件捕获和事件冒泡
m0_37937502的博客
09-24 1万+
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。 **事件捕获（event capturing）：**当鼠标点击或者触发dom事件时（被触发dom事件的这个元素被叫作事件源），浏览器会从根节点 =&amp;gt;事件源（由外到内）进行事件传播。 **事件冒泡（dubbed bubbling）：**事件源 =&amp;gt;根节点（由内到外）进行事件传播。 ...
简述事件冒泡和事件捕捉区别
06-09
事件冒泡和事件捕获都是浏览器中的事件传递机制，它们的主要区别在于事件传递的方向不同。 事件冒泡指的是当一个元素触发了某个事件之后，该事件会逐级向上传递给它的父元素，直到传递到根元素为止。例如，你给一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值