E企盈营销工具技术服务商 热线:4006-838-530

小程序监听手势滑动

E企盈直播平台营销卖货系统

步奏: 添加两个事件(手指按下时,手指松开时)bindtouchstart=”touchStart” //开始bindtouchend=”touchEnd”//结束即:wxmlview bindtouchstart=”touchStart” bindtouchend=”touchEnd” /viewwjs:let touchDotX = 0;//X按下时坐标let touchDotY = 0;//y按下时坐标let interval;//计时器let time = 0;//从按下到松开共多少时间*100// 触摸开始事件  touchStart: function(e) {    touchDotX = e.touches[0].pageX; // 获取触摸时的原点    touchDotY = e.touches[0].pageY;    // 使用js计时器记录时间        interval = setInterval(function() {      time++;    }, 100);  },  // 触摸结束事件  touchEnd: function(e) {    let touchMoveX = e.changedTouches[0].pageX;    let touchMoveY = e.changedTouches[0].pageY;    let tmX = touchMoveX – touchDotX;    let tmY = touchMoveY – touchDotY;    if (time 20) {      let absX = Math.abs(tmX);      let absY = Math.abs(tmY);      if (absX 2 * absY) {        if (tmX0){          console.log(“左滑=====”)        }else{          console.log(“右滑=====”)        }      }      if (absY absX * 2 && tmY0) {        console.log(“上滑动=====”)      }    }    clearInterval(interval); // 清除setInterval    time = 0;  }

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序监听手势滑动
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏