微信小程序の小程序事件流
一、什么是事件?
事件是视图层到逻辑层的通讯方式;事件可以将用户的行为,反馈到逻辑层进行处理;
事件可以绑定在组件上,触发事件后,就会执行逻辑层中对应的事件处理函数;事件对
象可以携带额外信息。
二、事件模型
事件分为事件捕获阶段、事件冒泡阶段、事件处理阶段
事件对象的属性:
type:触发事件的类型
timestamp:触发事件当时的时间戳
target:触发事件的根源组件,包括触发事件组件的id,类型,以及dataset自定义属性的集合
currentTarget:触发事件的当前组件,触发当前事件的id,类型,以及dataset自定义属性的集合
touches:表示我们停留在屏幕上触摸点的一个信息;
changedTouches:表示一个有变化的触摸点的信息;
detail:表示我们绑定事件所携带的数据,包括x/y到页面左上角的距离
currentTarget和target的区别,
currentTarget:表示当前组件,
target:根源组件:
比如,如上图,最外层绑定了一个点击事件,最里面的那层绑定了一个点击事件,当点击最里面那个事件,target代表了最外层的组件,currentTarget代表了最里面那个组件
三、事件的类型
可捕获事件
touchstart、tap、touchmove、longpress、touchcancel、longtap、touchend
可冒泡事件
touchstart longtap、touchmove transitionend、touchcancel、animationstart、touchend、animationiteration、tap、animationend、longpress touchforcechan.、
捕获事件由外到内,冒泡事件由内到外
最新文章
- js小练习去掉指定的字符组成一句话输出
- 【WP开发】加密篇:双向加密
- Web报表工具FineReport中JavaScript的使用
- phpMyAdmin提示:配置文件权限错误,无法写入!解决方法
- Windows下 Maven 使用 阿里云镜像配置
- with(nolock)的用法
- texconv下载以及使用命令
- types.MethodType
- Spring顶级项目以及Spring cloud组件
- 高效DevOps的10项实践
- 和菜鸟一起学linux总线驱动之i2c死锁问题
- 20165311《网络对抗技术》Exp1 PC平台逆向破解
- Nginx 修改用户权限
- 编写高质量代码:改善Java程序的151个建议 --[52~64]
- RabbitMQ&;RocketMQ动态添加Queue参考
- linux上安装zookeeper
- WebMisSharp更新了,最新版本1.5.2,WebMisCentral-Client最新版
- java-类中需注意的问题
- 卷积神经网络之GoogleNet:inceptionV3模型学习
- sklearn_SVM