事件简介
本质:事件是视图层到逻辑层的通讯方式
作用:事件可以将用户的行为反馈到逻辑层进行处理
应用:事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数
参数:事件对象可以携带额外信息,如 id, dataset, touches
事件类型
在编写代码时,使用频率高的是
单击-tap
长按-longtap
滑动-touchstart、touchmove、touched、touchcancel
常见的事件类型
注意:touch触屏系列事件常结合画布canvas组件使用,简单了解即可
事件绑定
事件绑定的写法同组件的属性,以 key、value 的形式
1.key 以bind或catch开头,然后跟上事件的类型,如bindtap、catchtap等。自基础库版本 1.5.0 起,在非原生组件中,bind和catch后可以紧跟一个冒号,其含义不变,如bind:tap、catch:touchstart
2.value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错
3.bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡
下面是一个阻止冒泡的案例
用bindtap属性不会阻止冒泡