什么是事件流以和事件流的应用场景
一、事件流的定义:
页面触发一个事件,会按照一定的顺序响应事件,事件的响应过程为事件流。
通俗来讲就是网页对点击事件的排序就是事件流。
二、事件流的分类
1.事件冒泡
从明确事件源到不明确事件源一次向上响应
2.事件捕获
从不明确事件源到明确事件源一次向下响应
对象。addEventListener(事件,事件处理程序,false)
false:冒泡型事件流
true:捕获型事件流
3.阻止事件流(适用于冒泡型)
e.stopPropagation()
阻止浏览器的默认行为
e.preventDefault()
4.事件委托
把子容器的要绑定的事件委托给共同的父容器,执行再交给子容器
e.target获取目标事件源
5.应用场景
每个listItem绑定了点击事件,同时点击tag也可以触发某些操作,点击tag时就会触发事件冒泡触发了listItem的事件,如果不想触发listItem的事件,那么可以通过给tag点击事件添加e.stopPropagation()阻止事件冒泡。
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbeecg
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13