【微信小程序】框架wxml（五）wxml事件

1.事件定义

· 事件是视图层到逻辑层的通讯方式。

· 事件可以将用户的行为反馈到逻辑层进行处理。

· 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。

· 事件对象可以携带额外信息，如id，dataset，touches。

2.举例事件的使用方法。

（1）首先在wxml的组件中为button绑定一个事件处理函数

<button id="button0" bindtap="wannaMore" data-hello='hello world' data-index="0">跳转到更多示例</button>

（2）在js文件中定义wannaMore函数

Page({
  wannaMore:function(event){
    console.log(event)
  }
})

（3）在控制台查看输出信息，可以看到data-hello和data-index都在dataset进行展示，且省略了data-字段。

3.事件分类

绑定事件处理函数可以由“catch”或“bind”连接事件类型，两者之间的区别是catch会阻止事件向上冒泡，bind不会阻止事件向上冒泡。绑定后在page中定义同名函数，否则会报错。

（1）冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。

类型	触发条件	最低版本
touchstart	手指触摸动作开始
touchmove	手指触摸后移动
touchcancel	手指触摸动作被打断，如来电提醒，弹窗
touchend	手指触摸动作结