1. 事件
- 事件是视图层到逻辑层的通讯方式。
- 事件是将用户的行为反馈到逻辑层进行处理。
- 事件可以绑定在组件上,当触发该事件时,就会执行逻辑层中对应的事件处理函数。
2. 如何使用事件
- 将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。
- 函数bindHandle会接收一个事件,事件里面存储了一些函数调用的上下文信息
-
<view id="box" data-item="item" bindtap="bindHandle">点击</view> <!--绑定事件--> Page({ bindHandle: function(value){ console.log(value) } })
3. bindtap和catchtap的区别
- 相同点:都是点击事件函数,点击时触发,在这个点击作用上他们是一样的,可以不做区分
- 不同点:他们的不同点主要是bindtap是冒泡的,catchtap是非冒泡的
4. 小程序中事件分为冒泡事件和非冒泡事件
- bindtap事件绑定不会阻止冒泡事件向上冒泡
- catchtap事件绑定可以阻止冒泡事件向上冒泡