美文网首页
移动端框架zepto的tap事件会触发两次

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

作者: 你单排吧 | 来源:发表于2019-06-24 15:36 被阅读0次

    使用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事件不能使用箭头函数哦~

    相关文章

      网友评论

          本文标题:移动端框架zepto的tap事件会触发两次

          本文链接:https://www.haomeiwen.com/subject/jdloqctx.html