微信小程序--------触控事件

一、事件简介

（1）本质：事件是视图层到逻辑层的通讯方式。

（2）作用：事件可以将用户的行为反馈到逻辑层进行处理。

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

（4）参数：事件对象可以携带额外信息，如 id， dataset， touches

二、事件类型

在编写代码中，使用频率高的事件方式是：单击、长按、滑动。

常见的事件类型：

注意：touch触屏系列事件常结合画布canvas组件使用。

三、事件绑定

（1）事件绑定的写法同组件的属性，以 key、value 的形式：

①key 以bind或catch开头，然后跟上事件的类型，如bindtap、catchtap等。
自基础库版本 1.5.0 起，在非原生组件中，bind和catch后可以紧跟一个冒号，其含义不变，如bind:tap、catch:touchstart。

②value 是一个字符串，需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。

（2）bind和catch的区别：

bind事件绑定不会阻止冒泡事件向上冒泡。

catch事件绑定可以阻止冒泡事件向上冒泡。

四、触控事件

（1）触控事件之单击tap

分析：单击事件由touchstart（触摸动作开始）、touchend（触摸动作结束）组成。touchend后触发tap事件。

事件对象event：当事件回调触发的时候，逻辑层绑定该事件的处理函数会收到一个事件对象，event对象包含参数timeStamp。

单击过程验证：

<button bindtouchstart="dj1" bindtouchend="dj2" bindtap="dj" >单击</button>