2. 什么事冒泡，什么事捕获，什么是事件流

在Web开发中，事件流是指当发生某个事件时，它会在DOM元素中按照特定的顺序传递，这个过程称为事件流。事件流分为冒泡和捕获两种方式。当一个事件发生在某个DOM元素上时，它会首先在祖先元素中按照从外到内的顺序进行捕获，直到达到目标元素。然后，它会在目标元素上触发，最后在祖先元素中按照从内到外的顺序进行冒泡。事件流的过程可以用下面的代码来表示： ```html <!DOCTYPE html> <html> <head> <title>事件流</title> </head> <body> <div id="outer"> <div id="inner"> <p id="paragraph">点击我</p> </div> </div> <script> var outer = document.getElementById('outer'); var inner = document.getElementById('inner'); var paragraph = document.getElementById('paragraph'); outer.addEventListener('click', function() { console.log('outer capture'); }, true); inner.addEventListener('click', function() { console.log('inner capture'); }, true); paragraph.addEventListener('click', function() { console.log('paragraph capture'); }, true); paragraph.addEventListener('click', function() { console.log('paragraph bubble'); }, false); inner.addEventListener('click', function() { console.log('inner bubble'); }, false); outer.addEventListener('click', function() { console.log('outer bubble'); }, false); </script> </body> </html> ``` 点击段落元素时，会按照以下顺序触发事件： 1. 外层div的捕获事件（outer capture） 2. 内层div的捕获事件（inner capture） 3. 段落元素的捕获事件（paragraph capture） 4. 段落元素的冒泡事件（paragraph bubble） 5. 内层div的冒泡事件（inner bubble） 6. 外层div的冒泡事件（outer bubble）事件流的特点是：事件从最外层元素开始向目标元素传递，然后再从目标元素向外层元素传递。

2. 什么事冒泡，什么事捕获，什么是事件流

相关推荐

JavaScript事件冒泡与事件捕获实例分析

一篇文章让你彻底弄懂JS的事件冒泡和事件捕获

JavaScript每天必学之事件

什么是事件冒泡和事件捕获？

阐述JS中的事件冒泡是什么。

冒泡排序的优缺点是什么？

你好 什么是冒泡排序

c语言中冒泡排序是什么

解释下什么是冒泡排序

什么是e.target

java冒泡排序是什么意思，怎么理解

js的冒泡排序是什么

原生js为什么容易冒泡

解释一下什么叫冒泡排序

vue中@click.stop有什么作用

什么是稳定排序和非稳定排序

dom0级事件和dom2级事件写法有什么不同吗？

排序算法用Java语言写出来是什么样子的

冒泡排序的时间复杂度怎么算的，为什么

3.写出冒泡排序和简单选择排序-

最新推荐

微信小程序bindtap事件与冒泡阻止详解

js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

vue中阻止click事件冒泡,防止触发另一个事件的方法

zigbee-cluster-library-specification

管理建模和仿真的文件

实现实时数据湖架构：Kafka与Hive集成

SPDK_NVMF_DISCOVERY_NQN是什么 有什么作用

JSBSim Reference Manual

"互动学习：行动中的多样性与论文攻读经历"

实现实时监控告警系统：Kafka与Grafana整合

你好什么是冒泡排序

SPDK_NVMF_DISCOVERY_NQN是什么有什么作用