美文网首页
移动tap事件的封装

移动tap事件的封装

作者: 012ca771a446 | 来源:发表于2017-02-18 19:27 被阅读0次
    mxx.tap = function(obj, callBack){
        if(typeof obj != 'object') return;
        // 变量
        var startTime = 0; // 记录触摸开始时间
        var isMove = false; // 记录是否产生移动
        obj.addEventListener('touchstart',function(){
            startTime = Date.now();
        });
        obj.addEventListener('touchmove',function(){
            isMove = true;
        });
        obj.addEventListener('touchend',function(e){
            if(Date.now() - startTime < 200 && !isMove){
                //触碰时间在200ms以内,不产生移动
                callBack && callBack(e);
            }
            // 清零
            startTime = 0;
            isMove = false;
        });
    };
    

    相关文章

      网友评论

          本文标题:移动tap事件的封装

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