一、什么是事件?

事件是视图层到逻辑层的通讯方式;事件可以将用户的行为,反馈到逻辑层进行处理;
事件可以绑定在组件上,触发事件后,就会执行逻辑层中对应的事件处理函数;事件对
象可以携带额外信息。

二、事件模型

事件分为事件捕获阶段、事件冒泡阶段、事件处理阶段

事件对象的属性:

  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.、

捕获事件由外到内,冒泡事件由内到外

最新文章

  1. js小练习去掉指定的字符组成一句话输出
  2. 【WP开发】加密篇:双向加密
  3. Web报表工具FineReport中JavaScript的使用
  4. phpMyAdmin提示:配置文件权限错误,无法写入!解决方法
  5. Windows下 Maven 使用 阿里云镜像配置
  6. with(nolock)的用法
  7. texconv下载以及使用命令
  8. types.MethodType
  9. Spring顶级项目以及Spring cloud组件
  10. 高效DevOps的10项实践
  11. 和菜鸟一起学linux总线驱动之i2c死锁问题
  12. 20165311《网络对抗技术》Exp1 PC平台逆向破解
  13. Nginx 修改用户权限
  14. 编写高质量代码:改善Java程序的151个建议 --[52~64]
  15. RabbitMQ&RocketMQ动态添加Queue参考
  16. linux上安装zookeeper
  17. WebMisSharp更新了,最新版本1.5.2,WebMisCentral-Client最新版
  18. java-类中需注意的问题
  19. 卷积神经网络之GoogleNet:inceptionV3模型学习
  20. sklearn_SVM

热门文章

  1. python 字典(dictionary)一些方法
  2. 关于数位dp的一些思考
  3. Redis数据库总结
  4. java延迟队列
  5. 【Java学习笔记】2015.1.5
  6. jquery 弹出框效果
  7. Foobar 2000增加APE播放支持的方法
  8. fiddler 4 抓取 https 设置
  9. bzoj 2015
  10. BZOJ 4059: [Cerc2012]Non-boring sequences(启发式分治)