[站点选择] 服务热线13396739763 13136206268 在线咨询 留言/需求提交

微信小程序点击事件重复触发如何解决

微信小程序刚推出不久,看好和研究的人很多,问题也不少,微信小程序点击事件重复触发的问题估计大家经常遇到,那么如何解决呢?主要有以下两种情况:
一、子内容块和父内容块都设置了点击事件,当子内容块除非点击事件时,父内容块也会触发点击事件。如下图所示

这种情况比较好解决,只要区分好冒泡事件和非冒泡事件就行,微信也有想关的事件区分,只要父内容块用bindtap,子内容块用catchtap就行。如下图:

 
二、长按和点击事件重复,触发长按事件的时候会触发点击事件。看如下事件详细过程。
单击         touchstart → touchend → tap
长按         touchstart → longtap → touchend → tap
所以长按的时候必然会触发点击事件,那么如何解决呢?嘉兴网络的解决办法是通过侦听touchstart和 touchend事件执行的时间差,如果时间差大于350毫秒则为长按事件,不执行点击。这个可在点击事件里进行判断。如下图

声明:文章来源于互联网!
 

 嘉兴方案网
 13396739763 13136206268 (节假日均可拨打) 0573-83698396 (周一至周六可拨打)


售前咨询QQ:点击这里给我发消息    点击这里给我发消息


技术支持QQ:点击这里给我发消息

所在地址: 浙江省嘉兴市城南路1539号创业大厦


网址:www.nice-solution.com

  网站建设 / 网络推广 / APP开发 / 软件定制 / 网站设计/网站制作/微网站制作/微网站建设/微网站设计/嘉兴微网站建设/微网站
 专业做高端网站建设网站设计网站改版网站维护微网站建设微网站制作嘉兴网站建设嘉兴网站设计嘉兴网站制作软件开发APP应用嘉兴微官网制作动画制作域名注册空间托管企业邮箱注册样本宣传册印刷制作400电话做网站业务

友情站点

>