微信小程序中事件

来源:http://www.chinese-glasses.com 作者:Web前端 人气:99 发布时间:2020-04-29
摘要:时间: 2019-09-13阅读: 232标签: 事件一.常见的事件有 在微信小程序的事件分为冒泡事件和非冒泡事件: 类型 冒泡事件:当一个组件上的事件被触发后,该事件会向父节点传递。 触发条件

时间: 2019-09-13阅读: 232标签: 事件一.常见的事件有

在微信小程序的事件分为冒泡事件和非冒泡事件:

类型

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

触发条件

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

最低版本

10bet,WXML的冒泡事件列表:

touchstart手指触摸动作开始touchmove手指触摸后移动touchcancel手指触摸动作被打断,如来电提醒,弹窗touchend手指触摸动作结束tap手指触摸后马上离开longpress手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发1.5.0longtap手指触摸后,超过350ms再离开(推荐使用longpress事件代替)transitionend会在 WXSS transition 或 wx.createAnimation 动画结束后触发animationstart会在一个 WXSS animation 动画开始时触发animationiteration会在一个 WXSS animation 一次迭代结束时触发animationend会在一个 WXSS animation 动画完成时触发touchforcechange在支持 3D Touch 的 iPhone 设备,重按时会触发

类型

有两个注意点

触发条件

Touchcancle: 在某些特定场景下才会触发(比如来电打断等)

最低版本

​ tap事件和longpress事件通常只会触发其中一个

touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束 tap 手指触摸后马上离开 longpress 手指触摸后,超过350ms再离开,如果指定了事件回调函数并触发了这个事件,tap事件将不被触发 1.5.0 longtap 手指触摸后,超过350ms再离开 transitionend 会在 WXSS transition 或 wx.createAnimation 动画结束后触发 animationstart 会在一个 WXSS animation 动画开始时触发 animationiteration 会在一个 WXSS animation 一次迭代结束时触发 animationend 会在一个 WXSS animation 动画完成时触发 touchforcechange 在支持 3D Touch 的 iPhone 设备,重按时会触发 1.9.90

二.书写方式页面中不需要传参的事件

注:除上表之外的其他组件自定义事件如无特殊声明都是非冒泡事件,如 form 的submit事件,input 的input事件,scroll-view 的scroll事件,

!--写法一 bind事件名='函数名' --button bindtap="fuck"点我/button!--写法一 bind:事件名='函数名' --

事件绑定

需要传参的事件

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

!-- 点击传参data-传过去的key='变量值' --button bindtap="fuck_1" data-name="ywy"传参/button!-- 点击传变量data-传过去的key='{{变量名}}' --button bindtap="fuck_2" data-number='{{a}}'{{a}}/button

事件冒泡的条件:父元素与子元素绑定同一类事件并且子元素的绑定方式是bind,代码如下:

本文由10bet发布于Web前端,转载请注明出处:微信小程序中事件

关键词:

最火资讯