什么是事件流

简介: 什么是事件流

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

分类:


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


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


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

addEventListener

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


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

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

如何实现先冒泡再捕获

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


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


目录
相关文章
|
1月前
|
消息中间件 缓存 Kafka
介绍基于事件的架构
介绍基于事件的架构
27 4
|
4月前
|
Linux
统一事件源
统一事件源
55 0
页面第二次进入或者多次进入,事件总线触发事件多次,eventBus触发多次
页面第二次进入或者多次进入,事件总线触发事件多次,eventBus触发多次
|
4月前
|
缓存 Java Spring
@EventPublisher + @Async 异步事件流详解
本文主要介绍Spring事件流和`@Async`异步线程池处理,以及`@Async`默认线程池可能会导致的问题及解决方法。 在@Async注解中value参数使用自定义线程池,能让开发工程师更加明确线程池的运行规则,选取适合的线程策略,规避资源耗尽的风险
|
4月前
|
JavaScript
浅浅的说下dom的事件流和事件委托
浅浅的说下dom的事件流和事件委托
|
10月前
|
JSON 数据格式
EventBridge事件领域
EventBridge事件领域
50 0
|
消息中间件 存储 缓存
「事件驱动架构」事件溯源,CQRS,流处理和Kafka之间的多角关系
「事件驱动架构」事件溯源,CQRS,流处理和Kafka之间的多角关系
「事件驱动架构」事件溯源,CQRS,流处理和Kafka之间的多角关系
|
消息中间件 传感器 分布式计算
「事件流处理架构」事件流处理的八个趋势
「事件流处理架构」事件流处理的八个趋势
|
消息中间件 存储 缓存
「事件驱动架构」事件溯源,CQRS,流处理和Kafka之间的复杂关系
「事件驱动架构」事件溯源,CQRS,流处理和Kafka之间的复杂关系
|
存储 传感器 JSON
传递事件流
批处理领域,作业的输入和输出是文件(也许在分布式文件系统)。流处理领域中的等价物是啥呢?
47 0