移动端框架zepto的tap事件会触发两次

使用zepto做开发的朋友可能会碰到一个问题,当我引入zepto.min.jstouch.js之后,就开始使用tap事件,大概代码是这样:

<script src="js/zepto.min.js"></script>
<script src="js/touch.js"></script>
<script>
$('.topbar div').tap(function(){
    console.log(111);       // 会偶尔出发两次,得到两个111的结果
})
</script>

解决这个问题的办法是:
去touch.js文件的源码中,搜索touchend,改为touchEnd即可。By the way,别忘了给body添加一个touch-action: none;的属性哦!

另外,本人亲测,zepto中的tap事件不能使用箭头函数哦~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容