微信小程序滑动事件

微信小程序中有许多滑动事件可以使用，以下是常用的几个：

1. touchstart：手指触摸屏幕触发的事件。
2. touchmove：手指在屏幕上滑动触发的事件。
3. touchend：手指离开屏幕触发的事件。
4. touchcancel：手指触摸屏幕后被其它事件打断，如来电提醒、弹窗等触发的事件。
5. swipe：手指在屏幕上快速滑动触发的事件。
6. scroll：滚动页面触发的事件。

使用这些滑动事件，你可以实现许多交互效果。例如，你可以使用touchstart、touchmove和touchend事件来实现拖拽效果；使用swipe事件来实现滑动删除、左右滑动切换页面等效果；使用scroll事件来实现上下滚动页面时的特效等等。

以下是一个示例代码，实现了在屏幕上滑动手指时，页面中的一个元素会跟着手指移动：

<view class="container" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd">
  <view class="ball" style="left: {{ballLeft}}px; top: {{ballTop}}px;"></view>
</view>

Page({
  data: {
    ballLeft: 0,
    ballTop: 0,
    startX: 0,
    startY: 0
  },
  touchStart: function(e) {
    this.setData({
      startX: e.touches[0].clientX,
      startY: e.touches[0].clientY
    });
  },
  touchMove: function(e) {
    var diffX = e.touches[0].clientX - this.data.startX;
    var diffY = e.touches[0].clientY - this.data.startY;
    this.setData({
      ballLeft: this.data.ballLeft + diffX,
      ballTop: this.data.ballTop + diffY,
      startX: e.touches[0].clientX,
      startY: e.touches[0].clientY
    });
  },
  touchEnd: function(e) {
    // do something
  }
});

在这个示例中，我们使用了touchstart、touchmove和touchend事件来实现元素的拖拽效果。当手指在屏幕上滑动时，ball元素的位置会随之改变。