事件传播三阶段

最新推荐文章于 2021-03-22 16:47:49 发布
最新推荐文章于 2021-03-22 16:47:49 发布
阅读量301 收藏 1
点赞数 1
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41595733/article/details/114819663
版权

事件传播三阶段

当事件在DOM元素上触发时，事件并不只在触发事件的DOM元素上发生，而是经过三个阶段向上冒泡直到window
事件传播三阶段：

在这里插入图片描述

图片来自百度图库

  • 捕获阶段 ：
    • 事件从 window 开始，向下到达每个元素，直到到达目标元素事件或event.target(事件源）
  • 目标阶段：
    • 事件到达目标元素
  • 冒泡阶段：
    • 事件从目标元素冒泡，然后冒泡到每个元素，最终到达 window
auserroot
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
选择篇(023)-事件传播的三个阶段是什么？
手掌日月摘星辰
01-19 480
A: Target > Capturing > Bubbling B: Bubbling > Target > Capturing C: Target > Bubbling > Capturing D: Capturing > Target > Bubbling 参考答案：
js 事件的传播机制(实例讲解)
10-19
事件的传播分为三个阶段：捕获阶段、目标阶段和冒泡阶段。 1. 捕获阶段： 在捕获阶段，事件从最外层的祖先元素开始，逐步向下移动到事件的目标元素。在这个过程中，事件处理函数按照元素在DOM树中的顺序依次执行。...
Js事件处理之“事件传播三个阶段”
Erya Programming learning
03-22 4930
一、三个阶段 根据事件流类型，可以把事件传播的整个过程分为3个阶段，依次为： 事件捕获阶段 先由文档的根节点document往事件触发对象，从外向内捕获事件对象 目标阶段（目标对象本身的事件程序） 到达目标事件位置，触发事件本身的程序内容； 事件冒泡阶段1 再从目标事件位置往文档的根节点方向回溯，从内向外冒泡事件对象。 二、事件传播过程 特点：从document对象开始，最后返回document对象结束。 本质上，事件首先向下遍历父元素，直到到达目标元素(捕获阶段)为止。 当事件到达目标时，它将在那儿触
事件传播的三个过程：捕获、冒泡、目标阶段
qq_42267036的博客
03-07 6009
一、事件流（捕获，冒泡）   事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 当页面中发生某种事件（比如鼠标点击，鼠标滑过等）时，毫无疑问子元素和父元素都会接收到该事件，可具体顺序是怎样的呢？冒泡和捕获则描述了两种不同的顺序。 事件传播的三个过程，事件捕获阶段、处于目标阶段、事件冒泡阶段。 事件捕获由远及近逐渐靠近事件目标，事件冒泡由事件目标逐渐向上冒泡 那是不是所有的事件都要经历...
事件传播的三个阶段
BuptMelody的专栏
02-26 8456
事件传播的三个阶段 第一阶段：从window对象传导到目标节点，称为“捕获阶段”（capture phase）。 第二阶段：在目标节点上触发，称为“目标阶段”（target phase）。 第三阶段：从目标节点传导回window对象，称为“冒泡阶段”（bubbling phase）。这种三阶段的传播模型，会使得一个事件在多个节点上触发。比如，假设div节点之中嵌套一个p节点。
JavaScript中使用stopPropagation函数停止事件传播例子
10-25
在JavaScript中，事件传播是DOM元素之间的一种交互方式，它分为三个阶段：捕获阶段、目标阶段和冒泡阶段。事件传播模型允许事件从最深的节点（事件目标）向上冒泡到最外层的节点（文档）。在这个过程中，每个节点都...
javascript事件的传播基础实例讲解(35)
10-20
JavaScript事件的传播是DOM元素处理事件的一种机制，它包括了捕获阶段、目标阶段和冒泡阶段。在本文中，我们将深入探讨这三个阶段，并通过一个实际的HTML示例来理解它们的工作原理。 首先，让我们来看捕获阶段。在...
javascript防止事件传播
03-01
事件传播包括三个阶段：捕获阶段、目标阶段和冒泡阶段。了解这三个阶段对于掌握如何阻止事件传播至关重要。 1. **捕获阶段**： 当事件发生时，它会从DOM树的根节点开始向下传递，直到到达事件的目标元素。在这个...
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
09-04
事件传播是指事件从事件源开始，沿着DOM树向上或向下传递的过程，包括三个阶段：捕获阶段、目标阶段和冒泡阶段。如果希望阻止事件继续向父级元素传播，可以使用`stopPropagation()`方法。在示例中： ```javascript ...
Android事件传递的是三个阶段
冬日-雪的博客
11-20 301
看了关于事件传递的知识，自己保存整理一下。 事件传递的三个阶段分为：分发（Dispatch） 、拦截（Intercept） 、消费（Consume）； 分发；事件的分发对应dispatchTouchEvent方法，在Android系统中，所有的触摸事件都是通过这个方法来分发的。 方法名（public boolean dispatchTouchEvent(MotionEvent event
DOM事件流和 event的三个阶段（冒泡，捕捉，目标）详解（二）实验部分（精华）
kouryoushine的博客
08-23 144
背景 承接上一篇理论部分，现在我要对理论进行验证，只有动手试验过才能真正理解。 parent.addEventListener('click', function(e) { console.log("parent"); }); child.addEventListener('click', function(e) { console.log("child"); }); grandc...
事件传播流程
weixin_44252600的博客
03-08 175
事件的传播分冒泡.目标和捕获两个阶段； 1、一个完整的JS事件流是从window开始，最后回到window的一个过程 2、事件流被分为三个阶段(15)捕获过程、(56)目标过程、(6~10)冒泡过程 3、在冒泡过程中6比7早触发。 ...
javascript中事件_说明了JavaScript中事件传播的三个阶段
weixin_26750481的博客
09-07 1250
javascript中事件The three phases of event propagation in JavaScript are essential to understanding how to use events, and in addition, it’s another extremely common question asked during JavaScript tech ...
事件的三个阶段：捕获阶段 目标阶段 冒泡阶段
DOS的博客
04-21 4871
js有好多的知识需要不断积累，但是不能浅尝，应该深究其内因，并运用在日常开发过程中。 捕获阶段： 事件从根节点流向目标节点，途中流经各个DOM节点，在各个节点上触发捕获事件，直到达到目标节点。 那么捕获阶段有什么用吗？完全可以没有捕获阶段也可以啊？ 捕获阶段的主要任务是建立传播路经，在冒泡阶段根据这个路经回溯到文档根节点目标阶段 事件到达目标节点时，就到了目标阶段，事件在目标节点上被触发
浏览器事件机制中事件触发三个阶段？
weixin_34041003的博客
08-14 3920
js中时间执行的整个过程称之为事件流，分为三个阶段：事件捕获阶段，事件目标处理函数、事件冒泡。 当某歌元素触发某个事件（如：click），顶级对象document发出一个事件流，顺着dom的树节点向触发它的目标节点流去，直到达到目标元素，这个层层递进，向下找目标的过程为事件的捕获阶段，此过程与事件相应的函数是...
理解DOM事件流的三个阶段
weixin_34365635的博客
02-20 786
本文主要解决两个问题： 什么是事件流 DOM事件流的三个阶段 起因 在学习前端的大半年来，对DOM事件了解甚少。一般也只是用用onclick来绑定个点击事件。在寒假深入学习JavaScript时，愈发觉得自己对DOM事件了解不够，遂打开我的《JavaScript高级程序设计》，翻到DOM事件那一章，开始第二次学习之旅。当然，DOM事件...
js中事件传播流程
qq_42704540的博客
03-07 429
js中事件传播流程 DOM事件流存在三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。 事件流：事件发生时，事件在元素节点与根节点之间的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。事件传播顺序的两种事件流模型：事件冒泡，事件捕获。 事件捕获（event capturing）：事件从最不确定的事件目标到最特定的事件目标。当鼠标点击或触发dom事件时，浏览器会从根节点开...
叙述深度学习发展历程的三个阶段
最新发布
05-20
深度学习的发展可以大致分为三个阶段： 1. 基础阶段：1980年代到2010年代初。这个阶段主要是在理论和技术上的探索，包括神经网络的基础理论、反向传播算法和卷积神经网络的发展等。但是，由于当时计算机性能不足以支持大规模的深度学习模型，因此应用场景受到限制。 2. 大数据阶段：2010年代中期。随着互联网的兴起和智能设备的普及，海量数据的积累为深度学习的发展提供了条件。同时，GPU等硬件的出现也加速了深度学习的发展，使得深度学习模型可以更快地训练和优化。在这个阶段，深度学习开始在计算机视觉、自然语言处理、语音识别等领域得到广泛应用。 3. 应用阶段：2010年代中后期至今。在前两个阶段的基础上，深度学习已经成为人工智能领域的主要技术之一，并在各种应用场景中得到广泛应用，如自动驾驶、智能家居、医疗健康等。同时，深度学习也在不断地发展和完善，出现了更加复杂和先进的模型和算法，如Transformer、BERT、GPT等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值