什么是事件流?

简介: 什么是事件流?

概念:事件流就是当我们触发一个事件时,经过一系列操作的过程称为事件流,简单通俗来讲就是点击事件后,按顺序执行的就是事件流。那事件是什么呢?事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。

分类:

1.冒泡事件流:从明确事件源到不明确的事件源依次向上响应。

2.捕获事件流:从不确定事件源到确定事件源依次向下响应。

3.addEventListener(event,function,useCapture布尔值) //默认为false冒泡,true为捕获。

addEventListener

addEventListener:DOM2级时间新增的指定事件处理程序的操作。此方法接收的三个参数为:“要处理的时间名”“事件处理程序的函数”“一个布尔值”

当布尔值为true时,表示“捕获阶段”调用事件处理程序

当布尔值为false时,表示“冒泡阶段”调用事件处理程

如何实现先冒泡再捕获

在w3c标准中正常的执行顺序为:应先捕获再冒泡。

现要实现先冒泡再捕获,给一个元素绑定两个addEventListener。其中第三个参数为true(捕获)和false(冒泡),调整正常的代码顺序,将设置false的监听事件放在设置true的监听事件前面即可。此可使冒泡先执行。

目录
相关文章
|
23天前
|
监控 JavaScript 前端开发
事件
事件
36 1
|
2月前
什么是事件流
什么是事件流
37 0
|
2月前
|
消息中间件 缓存 Kafka
介绍基于事件的架构
介绍基于事件的架构
36 4
|
11月前
|
JSON 数据格式
EventBridge事件领域
EventBridge事件领域
55 0
|
搜索推荐 前端开发 UED
关于 beforeinstallprompt 事件
关于 beforeinstallprompt 事件
|
存储 JSON 前端开发
EventSource 引发的一系列事件 #150
EventSource 引发的一系列事件 #150
233 0
|
消息中间件 传感器 分布式计算
「事件流处理架构」事件流处理的八个趋势
「事件流处理架构」事件流处理的八个趋势
onInterceptTouchEvent() 与 onTouch() 事件分析
onInterceptTouchEvent() 与 onTouch() 事件分析
onInterceptTouchEvent() 与 onTouch() 事件分析
|
存储 传感器 JSON
传递事件流
批处理领域,作业的输入和输出是文件(也许在分布式文件系统)。流处理领域中的等价物是啥呢?
50 0
|
Kubernetes Cloud Native 网络协议
Knative 事件驱动实践:通过 EventBridge 触发事件
Knative是一款基于Kubernetes的 Serverless 框架。其目标是制定云原生、跨平台的 Serverless 容器编排标准。Knative通过整合容器构建(或者函数)、工作负载管理(动态扩缩)以及事件驱动这三者来实现的这一Serverless标准。那么如何给 Knative 提供生产级别的事件驱动能力?这里我们可以通过事件总线 EventBridge 来实现.事件总线EventB
248 0
Knative 事件驱动实践:通过 EventBridge 触发事件