微信小程序屏幕滑动

最新推荐文章于 2024-08-23 08:01:12 发布

づGeranium☆う

最新推荐文章于 2024-08-23 08:01:12 发布

阅读量898

点赞数

文章标签：微信小程序小程序 javascript

本文链接：https://blog.csdn.net/qq_44877778/article/details/122133885

版权

  // 触摸开始事件
  touchStart: function (e) {
    let _that = this
    _that.setData({
      touchDotX: e.touches[0].pageX, // 获取触摸时的原点
      touchDotY: e.touches[0].pageY,
    })
    var touchMove = e.touches[0].pageX;
   
      // 向左滑动  
      if (touchMove - this.data.touchDotX < 0 && touchMove - this.data.touchDotX >= -100) {
       //操作

      }
      // 向右滑动 
      if (touchMove - this.data.touchDotX > 0 && touchMove - this.data.touchDotX <= 100) {
        //操作
       
      }
    }
  },
  touchMove: function (e) {
    var touchMove = e.touches[0].pageX;

   
      // 向左滑动  
      if (touchMove - this.data.touchDotX < 0 && touchMove - this.data.touchDotX >= -100) {
//操作
        
      }
      // 向右滑动 
      if (touchMove - this.data.touchDotX > 0 && touchMove - this.data.touchDotX <= 100) {
        ///操作
      }
    }
  },
  // 触摸结束事件
  touchEnd: function (e) {
    
    let touchMoveX = e.changedTouches[0].pageX;
    let touchMoveY = e.changedTouches[0].pageY;
    let tmX = touchMoveX - this.data.touchDotX;
    let tmY = touchMoveY - this.data.touchDotY;
    
      if (tmX < -100) {
        //操作
      } else if (tmX > 100) {
        //操作
      
    }
  },