1. 程式人生 > >原生js封裝tap

原生js封裝tap

type add 產生 tlist 移動 listener als lba false

// 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;
});
};

原生js封裝tap