应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

微信小程序入门系列《四》:触控事件

发布时间:2024-01-01 00:00 浏览次数:36

作者:狂热的猫


原文地址:http://www.cnblogs.com/nosqlcoco/p/5954453.html


》》》什么就是事件


事件就是视图层至逻辑层的通讯方式。


事件可以将用户的犯罪行为意见反馈至逻辑层展开处置。


事件可以存取在组件上,当达至引爆事件,就可以继续执行逻辑层中对应的事件处理函数。


事件对象可以随身携带额外信息,如id, dataset, touches。


》》》事件分类


touchstart 手指鼠标


touchmove 手指鼠标后移动


touchcancel 手指鼠标动作被吓到,例如弹窗和发短信告诫


touchend 手指鼠标动作完结


tap 手指鼠标后返回


longtap 手指鼠标后后,少于350ms返回


》》》事件存取


事件存取的读法同组件的属性,以 key、value 的形式。


key 以bind或catch结尾,然后跟上事件的类型,如bindtap, catchtouchstart


value 就是一个字符串,须要在对应的 Page 中定义同名的函数。不然当引爆事件的时候可以收起。 bind事件存取不能制止altered事件向上altered,catch事件存取可以制止altered事件向上altered。


上面直观了解了小程序事件基础,就是时候突显"事件"的威力:


单击(tap)


双击(dbtap)


短按(longtap)


滑动


多点触往下压


1.单击


单击事件由touchstart、touchend共同组成,touchend后引爆tap事件。





mytouchstart: function(e){


console.log(e.timeStamp + '- touch start')


},mytouchend: function(e){


console.log(e.timeStamp + '- touch end')


},mytap: function(e){


console.log(e.timeStamp + '- tap')


}


 


2.双击


双击事件由两个单击事件共同组成,两次间隔时间大于300ms指出就是双击;微信官方文档没双击事件,须要开发者自己定义处置。





3.短按


短按事件手指鼠标后,少于350ms再返回。





mytouchstart: function(e){


console.log(e.timeStamp + '- touch start')


},//短按事件mylongtap: function(e){


console.log(e.timeStamp + '- long tap')


},mytouchend: function(e){


console.log(e.timeStamp + '- touch end')


},mytap: function(e){


console.log(e.timeStamp + '- tap')


}


单击、双击、短按属点触事件,可以引爆touchstart、touchend、tap事件,touchcancel事件就可以在真机演示,不多说道了。

TAG标签:
阅读推荐