微信小程序监听左右滑动事件

最新推荐文章于 2024-07-16 14:16:19 发布

SpringflowerXu

最新推荐文章于 2024-07-16 14:16:19 发布

阅读量809

点赞数

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

本文链接：https://blog.csdn.net/qq_42221857/article/details/132915996

版权

直接赋代码，都有注释，直接用就可以了


  // 触摸开始事件
  touchStart: function (e) {
    // console.log(e.touches[0].pageX)
    let sx = e.touches[0].pageX
    let sy = e.touches[0].pageY
    this.data.touchS = [sx, sy]
  },
  // 触摸滑动事件
  touchMove: function (e) {
    let sx = e.touches[0].pageX;
    let sy = e.touches[0].pageY;
    this.data.touchE = [sx, sy]
  },
  // 触摸结束事件
  touchEnd: function (e) {
    let start = this.data.touchS
    let end = this.data.touchE
    // console.log(start)
    // console.log(end)
    if (start[0] < end[0] - 50) {
      // console.log('向右滑，这里可以调用方法，及页面跳转事件')

    } else if (start[0] > end[0] + 50) {
      // console.log('向左滑，这里可以调用方法，及页面跳转事件')


    } else {
      // console.log('向上或向下滑动')
    }
  },