小程序 手机左滑右滑事件监听

Posted 2022-01-15 wangshishuai

<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" ></view>

  // 触摸开始事件 
  touchStart: function (e) 
    touchDot = e.touches[0].pageX; // 获取触摸时的原点 
    // 使用js计时器记录时间  
    interval = setInterval(function () 
      time++;
    , 100);
  ,
  // 触摸移动事件 
  touchMove: function (e) 
    var touchMove = e.touches[0].pageX;
    console.log("touchMove:" + touchMove + " touchDot:" + touchDot + " diff:" + (touchMove - touchDot));
    // 向左滑动  
    if (touchMove - touchDot <= -40 && time < 10) 
      // wx.switchTab(
      //   url: ‘../左滑页面/左滑页面‘
      // );
      console.log(213)
    
    // 向右滑动 
    if (touchMove - touchDot >= 40 && time < 10) 
      console.log(‘向右滑动‘);
      wx.switchTab(
        url: ‘pages/position_man/position_man‘
      );
      console.log(54645)
    
  ,
  // 触摸结束事件 
  touchEnd: function (e) 
    clearInterval(interval); // 清除setInterval 
    time = 0;
  ,