微信小程序开发——微信小程序事件

什么是事件

  • 一种用户行为:长按,拖动等

  • 一种通讯方式:把信息发送给逻辑代码

事件类别

  • 点击事件:tap
  • 长按事件:longtap
  • 触摸事件:touchstart(开始触摸) touchend(结束触摸。点击到抬起) touchmove(移动触摸) touchcancel(取消触摸。开始触摸未抬起时,微信转为后台此时触发取消触摸)
  • 其他:submit input ...

事件冒泡

  • 冒泡事件 (点击事件,长按事件,触摸事件都属于冒泡事件)

1.在微信开发者工具中做出调试页面

微信小程序开发——微信小程序事件_第1张图片

微信小程序开发——微信小程序事件_第2张图片 

2.分别给 v1,v2,v3 绑定三个点击事件

微信小程序开发——微信小程序事件_第3张图片

微信小程序开发——微信小程序事件_第4张图片 

3.点击 view3 区域,可以看到调试器中分别显示了三个区域的内容,此时为冒泡事件。当点击子 view 区域时,同时触发父 view 区域。

微信小程序开发——微信小程序事件_第5张图片

  • 非冒泡事件(除了点击事件、长按事件、触摸事件,其他都属于非冒泡事件)

事件绑定

  • bind 绑定
  • catch 绑定

1.当把 v3 的事件换成 catch 绑定时,再点击 view3 区域,只会出现对应的调试结果。

微信小程序开发——微信小程序事件_第6张图片

事件对象详解

  • 类型 type
  • 时间戳 timeStamp
  • 事件源组件 target
  • 当前组件 currentTarget
  • 触摸点数 touches

微信小程序开发——微信小程序事件_第7张图片 微信小程序开发——微信小程序事件_第8张图片

你可能感兴趣的:(微信小程序开发——微信小程序事件)