原生js封装tap

Posted 2020-10-01 xh.w

// tap事件封装
function tap(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 < 300 && !isMove){
            //触碰时间在300ms以内,不产生移动
            callBack && callBack(e);
        }
        // 清零
        startTime = 0;
        isMove = false;
    });
};