说说事件流

最新推荐文章于 2023-10-08 10:43:28 发布
最新推荐文章于 2023-10-08 10:43:28 发布
阅读量162 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LuckXinXin/article/details/106979559
版权

事件流分为两种，捕获事件流和冒泡事件流

  1. 捕获事件流从根节点开始执行，一直往子节点查找执行，直到查找执行到目标节点

  2. 冒泡事件流从目标节点开始执行，一直往父节点冒泡查找执行，直到查到到根节点

    事件流分为三个阶段，一个是捕获节点，一个是处于目标节点阶段，一个是冒泡阶段

LuckXinXin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript下对于事件、事件流、事件触发的顺序随便说说
12-12
1.首先我们来了解几个概念，“事件”，“事件流”，“事件名称”，“事件处理函数/事件监听函数，也许是“老生常谈”，知道的朋友可以越过。 事件： 事件是用户自身或浏览器进行的特定行为。如：用户点击 也就是常用的click事件 事件流：多个事件 按一定顺序触发 形成了事件流 事件名称：如上面所讲的click就是事件名 事件处理函数/事件监听函数（Dom的叫法）就是 事件触发后的处理函数，如obj.onclick=fn;函数fn就是事件处理函数 2.下面我们来了解一下历史，事件是dom的一部分 是在版本3中已经得到完整的说明，当进浏览器除ie(它有自己的事件模型)，其他像netscape,safar
关于事件流的简单理解
李耀书
04-09 3708
JS事件 1、首先，什么是事件？ ​ JavaScript和Html发生交互是通过事件来实现的，事件，就是文档或浏览器窗口发生一些特定的交互的瞬间 2、什么是事件流？ 事件流就是，事件传播的过程。 DOM中完整的事件流包括了三个阶段：事件捕获阶段、目标阶段和事件冒泡阶段 事件通过捕获到达目标元素，这个时候就是目标阶段，从目标节点元素将事件上传到根节点的构成阶段，冒泡阶段 3、关于事件冒泡以及事件捕获 事件冒泡，也就是自下而上，从目标触发的元素逐级向上传播，直至window对象 事件
什么是事件流以及事件流的应用场景
m0_51788889的博客
11-10 2088
事件流分为事件捕获和事件冒泡，并且可以再场景中这样使用
【十】事件流
最新发布
驰骥的博客
10-08 149
本篇章主要讲述DOM事件流相关内容，事件流与js事件机制是两回事，前者指的是浏览器对于用户操作的反应流程，后者是函数在js环境下的执行顺序。
事件流的理解
zhangli0421的博客
11-04 1295
流的概念，在现今的JavaScript中随处可见。比如说React中的单向数据流，Node中的流，又或是今天本文所讲的DOM事件流。都是流的一种生动体现。 定义： 1.事件流描述的是从页面中接收事件的顺序,也可理解为事件在页面中传播的顺序。 2.事件就是用户或浏览器自身执行的某种动作。诸如click(点击)、load(加载)、mouseover(鼠标悬停)。 3.事件处理程序响应某个事件的函数就叫事件处理程序(或事件侦听器)。 事件流之事件冒泡与事件捕获 事件冒泡： DOM2级事件定义了两个方.
说说node中的可读流和可写流的区别
08-27
可读流通过流动模式和暂停模式控制数据的读取，而可写流则提供了缓冲机制和`'drain'`事件来确保数据的有序写入。合理利用这些特性，能帮助开发者编写出更加健壮和高效的Node.js应用程序。在实际编程中，官方推荐尽...
从3起保护动作事件说说继电保护的压板电力配电知识.docx
12-18
《从3起保护动作事件说说继电保护的压板电力配电知识》 本文通过分析2021年3月发生的三起与继电保护压板相关的事故，深入探讨了电力配电领域中继电保护压板的重要性以及相关操作规范。其中，第一起案例涉及到35kV...
说说 JavaScript 的事件流
读万卷书，行万里路
06-01 607
事件流描述的是从页面中接收事件的顺序。IE 的事件流是冒泡流，而 Netscape Communicator 是捕获流。1 冒泡事件事件冒泡指的是，事件开始时是由最具体的元素，即文档中嵌套层次最深的那个节点，然后逐级向上传播到文档。我们以下面这个文档为例：<!DOCTYPE html> <html> <head> <title>事件冒泡</title> </head>
JavaScript事件流（冒泡、捕获）
apple_54470279的博客
04-23 2332
总结：实际开发中，事件冒泡用的会更多，事件捕获一般用在特殊情况下。利用事件委托可以有效的提高程序性能。DOM2 Events 规范将事件流分为三个阶段：事件捕获、到达目标、事件冒泡。并规定事件捕获阶段不触发目标事件，而事件冒泡阶段会在目标事件被触发后执行。但现在的浏览器并没有按照这个规定来实现事件流，在事件捕获阶段的终点，任然还是会触发目标事件，所以对于现在的浏览器而言，不管是捕获还是冒泡，目标事件都会被触发。
事件流及其三阶段
alightman的博客
09-24 4603
事件流 1.事件的捕获阶段 2.事件的目标阶段 3.事件的冒泡阶段 事件有三个阶段，首先发生的是捕获阶段，然后是目标阶段，最后才是冒泡阶段，对于捕获和冒泡，我们只能干预其中的一个，通常来说，我们可能会干预事件冒泡阶段，而不去干预事件捕获阶段。 1、事件捕获 事件捕获是火狐浏览器提出来的，IE678不支持事件捕获（基本上，我们都是用事件冒泡）事件的处理将从DOM层次的根开始，
js事件流类型
cheng_cuo_tuo的博客
01-27 848
&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;style type="text/css"&gt; div{ margin:20px; border:solid 1
什么是事件流
NaiSiWangZai的博客
09-16 3337
DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。DOM同时支持两种事件模型：捕获型事件和冒泡型事件 ...
事件流是什么
火腿肠的博客
12-19 1947
事件流分为事件冒泡和事件捕获。 事件流：就是事件的流向，先捕获，再到事件源，最后再冒泡，一共分三个阶段：捕获阶段，事件源，冒泡阶段。 从上至下再出来 事件冒泡：从事件源朝父级一直到根元素（HTML）。当某个元素的某类型事件被触发时，那么它的父元素同类型的事件也会被触发，一直触发到根源上； 从具体的元素到不确定的元素。 事件捕获： 从根元素（HTML）到事件源，当某个元素的某类型事件被触发时，先触发根元素的同类型事件，朝子一级触发，一直触发到事件源。 ...
写出对js事件，事件流，事件对象的理解
qq_42686961的博客
07-16 1141
事件: JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。 事件流: 一个完整的JS事件流是从window开始，最后回到window的一个过程 事件流主要分为两种，即事件捕获和事件冒泡，这二者接...
理解DOM事件流的三个阶段
weixin_34365635的博客
02-20 788
本文主要解决两个问题： 什么是事件流 DOM事件流的三个阶段 起因 在学习前端的大半年来，对DOM事件了解甚少。一般也只是用用onclick来绑定个点击事件。在寒假深入学习JavaScript时，愈发觉得自己对DOM事件了解不够，遂打开我的《JavaScript高级程序设计》，翻到DOM事件那一章，开始第二次学习之旅。当然，DOM事件...
事件流（事件冒泡、事件捕获以及DOM事件流）
YEYEYE的博客
12-12 2978
事件流：描述的是从页面中接收事件的顺序。事件冒泡：IE的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接收，然后逐级上传播到较为不具体的节点（文档）。示例代码：<!DOCTYPE html> <html> <head> <title>Event Bubbing Example</title> </head> <body> <div id="myDiv"
【Java script基础学习】关于事件流
qq_66972523的博客
03-09 269
【Java script基础学习】关于事件流
什么是事件流？
热门推荐
qq_37049128的博客
07-30 2万+
一、事件流的定义 页面触发一个事件时，会按照一定的顺序来响应事件，事件的响应过程为事件流 就我个人理解就是网页对点击事件的排序顺序就是事件流 二、事件流的分类 1、冒泡型的事件流（任何一款浏览器都支持） 从明确事件源到不明确的事件源依次向上响应。 2、捕获型的事件流（从IE8及以下版本支持） 从不确定事件源到确定事件源依次向下响应。
说说javascript的事件循环
05-05
JavaScript 的事件循环（Event Loop）是 JavaScript 的运行机制之一，它用于处理异步任务。 JavaScript 是单线程的，也就是说在同一时间只能执行一个任务。但是我们经常会遇到需要等待一些操作完成才能继续执行的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值