小程序 手機左滑右滑事件監聽

 
          
 
          
            <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;
  },