博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript addEventListener()事件监听-事件流执行顺序
阅读量:4072 次
发布时间:2019-05-25

本文共 429 字,大约阅读时间需要 1 分钟。

addEventListener()事件监听-事件流执行顺序

事件冒泡或事件捕获?

HTML DOM中有两种事件传播方式,即冒泡和捕获。
事件传播是一种在事件发生时定义元素顺序的方法。

如果
元素中有

元素,并且用户单击

元素,应该首先处理哪个元素的“click”事件?

在冒泡中,首先处理内部元素的事件,然后处理外部:

首先处理

元素的click事件,然后处理

元素的click事件。

在捕获最外层元素时,首先处理事件然后处理内部:

首先处理
元素的click事件,然后处理

元素的click事件。

使用addEventListener()方法,您可以使用“useCapture”参数指定传播类型:

默认值为false,将使用冒泡传播,当值设置为true时,事件使用捕获传播。
事件先捕获-》处于事件阶段-》冒泡阶段

  

我是父元素 我是子元素

转载地址:http://vqwni.baihongyu.com/

你可能感兴趣的文章
GPS定位
查看>>
地图、显示用户位置、大头针
查看>>
自定义大头针
查看>>
UIButton添加block点击事件
查看>>
利用runtime给类别添加属性
查看>>
本地推送
查看>>
FMDB的使用
查看>>
UIImage存为本地文件与UIImage转换为NSData
查看>>
[转]打印质数的各种算法
查看>>
[转]javascript with延伸的作用域是只读的吗?
查看>>
php的autoload与global
查看>>
IE不支持option的display:none属性
查看>>
关于JQuery UI:dialog的isOpen API使用
查看>>
[分享]mysql内置用于字符串型ip地址和整数型ip地址转换函数
查看>>
TableDnd(JQuery表格拖拽控件)应用进阶
查看>>
[转]开源中最好的Web开发的资源
查看>>
Docker上部署SpringBoot项目并推送镜像到Docker Hub上---以MacOS为例
查看>>
bibtex I was expecting a `,‘ or a `}‘ 问题解决
查看>>
sql server中各类范式的理解
查看>>
进程同步
查看>>