微信小程序开发(八) - 事件 - wxml 的触发

事件

1. 事件是视图层到逻辑层的通讯方式。
2. 事件可以将用户的行为反馈到逻辑层进行处理。
3. 事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。
4. 事件对象可以携带额外信息，如id, dataset, touches。

事件的使用方式

在组件中绑定一个事件处理函数。

如 :bindtap
当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

    <button id="Test" bindtap='tap'>click</button>

在相应的Page定义中写上相应的事件处理函数，参数是event。

var tap ={
  tap:function(event){
   
   
    console.log(event)
  }
}
Page(tap)

事件分类

事件分为冒泡事件和非冒泡事件：

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

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

WXML的冒泡事件列表：

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