微信小程序左滑右滑

var touchDot, interval, time = 0,slideDirection;
touchStart: function (e) {
    touchDot = e.touches[0].pageX; // 获取触摸时的原点 
    // 使用js计时器记录时间  
    interval = setInterval(function () {
      time++;
    }, 100);
  },
  touchMove: function (e) {
    var touchMove = e.touches[0].pageX;
    // 向左滑动  
    if (touchMove - touchDot <= -40 && time < 10) {
      slideDirection = 'left';
    }
    // 向右滑动 
    if (touchMove - touchDot >= 40 && time < 10) {
      slideDirection = 'right';
    }
  },
  
  touchEnd: function (e) {
    time = 0;
    clearInterval(interval); // 清除setInterval 
    if (slideDirection === 'left') {
      console.log('左滑)
      // 左滑函数
    } else if (slideDirection === 'right') {
      console.log('右滑',sortTabIndex)
      // 右滑函数
    } else {
    }
    slideDirection = 'none';
  }, 

你可能感兴趣的:(微信小程序&公众号)