首 页
关于方维
网站案例
网站建设
小程序开发
解决方案
建站资讯
联系方维
400-800-9385
微信小程序点击事件重复触发如何解决
发表日期:2017-02-08 00:00:00 作者来源:方维网络 浏览:12746 标签:
微信小程序
当前位置:
首页
-
建站资讯
-
手机微信网站
微信小程序刚推出不久,看好和研究的人很多,问题也不少,微信小程序点击事件重复触发的问题估计大家经常遇到,那么如何解决呢?主要有以下两种情况:
一、子内容块和父内容块都设置了点击事件,当子内容块除非点击事件时,父内容块也会触发点击事件。如下图所示
这种情况比较好解决,只要区分好冒泡事件和非冒泡事件就行,微信也有想关的事件区分,只要父内容块用bindtap,子内容块用catchtap就行。如下图:
二、长按和点击事件重复,触发长按事件的时候会触发点击事件。看如下事件详细过程。
单击 touchstart → touchend → tap
长按 touchstart → longtap → touchend → tap
所以长按的时候必然会触发点击事件,那么如何解决呢?方维网络的解决办法是通过侦听touchstart和 touchend事件执行的时间差,如果时间差大于350毫秒则为长按事件,不执行点击。这个可在点击事件里进行判断。如下图
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/3551.html
上一篇:
【签约】卓-益-节能环保网站设计
下一篇:
【再签】广西梧州茂圣茶业有限公司网站设计项目
相关网站设计案例
中特威科技
哲商集团
医疗器械创新网
相关资讯
常见问题
企业网站建设常见问题整理合集【置顶】
在深圳建设一个公司网站多少钱
开发网站需要多久跟这九个因素有关
最新文章
【签约】语洽公司网站设计项目
浏览量:4844
网站建设时如何保障网站网络安全
浏览量:4144
在网站建设中如何设计搜索功能
浏览量:4387
新的一年网站设计都有哪些新趋势
浏览量:4878
如何优化网页才能让客户有更好的浏览感受
浏览量:4719
怎么进行网站制作才能够吸引访问者
浏览量:4183
400-800-9385
回到顶部
0
请您留言
非常抱歉,客服不在线,麻烦留下您的联系电话或者微信,我们看到后会马上联系您!
提交
感谢留言
我们会尽快与您联系
关闭