如何理解事件流

最新推荐文章于 2022-04-14 14:37:31 发布
最新推荐文章于 2022-04-14 14:37:31 发布
阅读量259 收藏
点赞数
文章标签： 1024程序员节 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CKZCH/article/details/109264677
版权

事件流

事件流：发生在嵌套的html结构中，为每层html都绑定事件。
       包括事件捕获和时间冒泡

事件捕获：由外层元素到内层元素
事件冒泡：由内层元素到外层元素，一般事件处理函数的执行沿着事件冒泡的顺序进行

如何阻止事件冒泡
event.stopPropagation()

CKZCH
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
深入理解JS的事件绑定、事件流模型
10-18
主要介绍了JS的事件绑定、事件流模型的相关知识，非常不错，具有参考借鉴价值，感兴趣的朋友跟随脚本之家小编一起看看吧
事件流
xiaoniba1024的专栏
11-02 1799
1事件流 只要发生事件，FlashPlayer 或 AIR 就会调度事件对象。如果事件目标不在显示列表中，则 Flash Player 或 AIR 将事件对象直接调度到事件目标。例如，Flash Player 将 progress 事件对象直接调度到 URLStream对象。但是，如果事件目标在显示列表中，则 Flash Player 将事件对象调度到显示列表，事件对象将在显示列表中穿行，直到到
事件---事件流
new_life1207的博客
11-28 681
前言 事件流 事件冒泡 事件捕获 DOM事件流 前言javascript与HTML之间的交互是通过事件实现的。 事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。事件流 事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡流，而Netscape Communicator的事件流是事件捕获流。 事件冒泡 IE的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点）接
事件流是什么
火腿肠的博客
12-19 1841
事件流分为事件冒泡和事件捕获。 事件流：就是事件的流向，先捕获，再到事件源，最后再冒泡，一共分三个阶段：捕获阶段，事件源，冒泡阶段。 从上至下再出来 事件冒泡：从事件源朝父级一直到根元素（HTML）。当某个元素的某类型事件被触发时，那么它的父元素同类型的事件也会被触发，一直触发到根源上； 从具体的元素到不确定的元素。 事件捕获： 从根元素（HTML）到事件源，当某个元素的某类型事件被触发时，先触发根元素的同类型事件，朝子一级触发，一直触发到事件源。 ...
详解JavaScript 事件流
10-14
主要介绍了JavaScript 事件流的相关资料，帮助大家更好的理解和学习JavaScript，感兴趣的朋友可以了解下
C# 标准事件流实例代码
08-18
主要介绍了C# 标准事件流的实例代码，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
理解JS绑定事件
11-22
由于IE只支持事件冒泡，所以同大多数情况下，都是将事件处理程序添加到事件流的冒泡阶段，即默认为”false” 这样可以最大限度地兼容各种浏览器。 最好只在需要在是事件到达目标之前截获它的时候将事件处理程序添加...
事件冒泡和事件捕获
V8min的博客
12-13 198
事件的三个阶段 捕获阶段 当前目标阶段 冒泡阶段 事件对象.eventPhase属性可以查看事件触发时所处的阶段 冒泡事件：事件由目标元素往外层触发，至document元素 <style> .box1 { width: 300px; height: 300px; background-color: cyan; } .box2 {
JS事件基础 事件流
HelloWorld1626的博客
04-06 422
一、事件基础 添加侦听、回调函数、事件抛发 事件的侦听需要在抛发之前定义，事件类型有分为系统事件与自定义事件，系统事件由系统自动抛发，不需要我们写代码抛发，而自定义事件是需要的。 1.添加侦听 element.addEventListener("事件类型",事件回调函数);这是IE8及以上的写法。 给DOM元素添加一个事件侦听（监听），只能收到对应事件类型的消息，当收到这个消息，执行事件回调函数。...
事件流（事件冒泡和捕获，函数闭包等）
皮卡丘丘丘~~~
12-14 376
事件流 事件流描述的是从页面中接受事件的顺序，当几个都具有事件的元素层叠在一起的时候，那么你点击其中一个元素，并不是只有当前被点击的元素会触发事件，而层叠在你点击范围的所有元素都会触发事件。 事件流包括两种模式：冒泡和捕获 事件捕获： 父级元素先触发，子集元素后触发；（由外到内） 事件冒泡： 子集元素先触发，父级元素后触；（由内到外） 子集元素和父元素具备同样的事件，当触发子元素时，也会触发父元素...
JS 事件流
Venus_cai的博客
11-14 189
JS事件流 事件流：简单来说就是事件的传递机制 事件流分为两种： 1.冒泡：事件由具体的触发元素层层向外传递，直到最外层当代浏览器的主流机制 2.捕获：事件由最外层向内层层传递，直到具体触发者 ...
js事件流
weixin_50736511的博客
04-14 2718
什么是js事件流 事件流描述的是从页面中接受事件的顺序。 微软（IE）和网景（Netscape）开发团队提出了两个截然相反的事件流概念，IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流。 后来在W3C组织的统一之下，JS支持了冒泡流和捕获流，但是目前低版本的IE浏览器还是只能支持冒泡流(IE6,IE7,IE8均只支持冒泡流)，所以为了能够兼容更多的浏览器，建议大家使用冒泡流。 事件流包含的三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段 接下来就是介绍这两种事件流概念 事件冒泡流，
Js事件流
weixin_33681778的博客
07-18 131
CONTENTSDOM事件流事件冒泡阻止冒泡事件捕获DOM事件流1.什么是事件流？事件流所描述的是从页面中接受事件的顺序2.DOM事件流的三个阶段？事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段3.DOM事件流三个阶段的执行顺序？首先发生的事件捕获，为截取事件提供机会，然后是目标接受事件，最后是事件冒泡阶段，所以可以在最后一个阶段对事件作出响应。见下图更直观： 在d...
用例的事件流描述时序图
最新发布
05-24
用例的事件流可以用时序图来描述。时序图是一种图形化的表示方法，它展示了对象之间的交互行为和消息传递的顺序。 时序图通常由垂直的时间轴和水平的参与者（对象）组成。时间轴表示时间的流逝，参与者则表示系统中的对象或角色。时序图中的消息则表示参与者之间的通信。 以下是时序图的基本元素： - 参与者：表示系统中的对象或角色，通常用矩形框表示； - 生命线：表示参与者的生命周期，通常用虚线表示； - 消息：表示参与者之间的通信，通常用箭头表示； - 控制流：表示事件的顺序和条件，通常用带有条件的组合片段表示。 在时序图中，可以使用以下步骤描述用例的事件流： 1. 画出参与者和生命线：确定用例所涉及的参与者和他们的生命周期。 2. 画出控制流：确定事件流的顺序和条件，画出相应的控制流。 3. 画出消息：在控制流的基础上，画出参与者之间的消息传递。 4. 补充细节：根据需要，可以添加标注、注释或其他细节信息。 通过时序图，可以清晰地展示用例的事件流，帮助开发者更好地理解系统的交互行为和消息传递的顺序。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值