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 | 手指触摸动作结 |