打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
移动tauch
function touchFunc(obj,type,func) {
   //滑动范围在5x5内则做点击处理,s是开始,e是结束
   var init = {x:5,y:5,sx:0,sy:0,ex:0,ey:0};
   var sTime = 0, eTime = 0;
   type = type.toLowerCase();
 
   obj.addEventListener("touchstart",function(){
       sTime = new Date().getTime();
       init.sx = event.targetTouches[0].pageX;
       init.sy = event.targetTouches[0].pageY;
       init.ex = init.sx;
       init.ey = init.sy;
       if(type.indexOf("start") != -1) func();
   }, false);
 
   obj.addEventListener("touchmove",function() {
       event.preventDefault();//阻止触摸时浏览器的缩放、滚动条滚动
       init.ex = event.targetTouches[0].pageX;
       init.ey = event.targetTouches[0].pageY;
       if(type.indexOf("move")!=-1) func();
   }, false);
 
   obj.addEventListener("touchend",function() {
       var changeX = init.sx - init.ex;
       var changeY = init.sy - init.ey;
       if(Math.abs(changeX)>Math.abs(changeY)&&Math.abs(changeY)>init.y) {
           //左右事件
           if(changeX > 0) {
               if(type.indexOf("left")!=-1) func();
           }else{
               if(type.indexOf("right")!=-1) func();
           }
       }
       else if(Math.abs(changeY)>Math.abs(changeX)&&Math.abs(changeX)>init.x){
           //上下事件
           if(changeY > 0) {
               if(type.indexOf("top")!=-1) func();
           }else{
               if(type.indexOf("down")!=-1) func();
           }
       }
       else if(Math.abs(changeX)<init.x && Math.abs(changeY)<init.y){
           eTime = new Date().getTime();
           //点击事件,此处根据时间差细分下
           if((eTime - sTime) > 300) {
               if(type.indexOf("long")!=-1) func(); //长按
           }
           else {
               if(type.indexOf("click")!=-1) func(); //当点击处理
           }
       }
       if(type.indexOf("end")!=-1) func();
   }, false);
};

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
JScript Array对象的几个原型方法
常用作帖、发帖代码集萃
JavaScript 基础四
58个面向 Web 开发人员的JavaScript技巧汇总
python3
听说你会 Python ? | Manjusaka
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服