微信小程序——左右滑动切换页面

微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。

这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。

touchstart在触摸开始时触发事件

touchend在触摸结束时触发事件

touchmove触摸的过程中不断激发这个事件

这三个事件都有一个timeStamp的属性，查看timeStamp属性，可以看到顺序是touchstart =>touchmove=>touchmove =>··· =>touchmove =>touchend。

1.使用touchstart、touchmove和touchend方法，在touchstart方法中，获取当前触点的位置，然后在touchmove方法中，通过比对当前触点位置和先前记录的触点位置，来判断用户是做左滑动还是右滑动；在touchend方法中，可以根据用户滑动的距离和滑动时间确定最终的滑动 *** 作，从而实现左右滑动功能。

2.使用微信小程序APIswiper，可以在wxml中通过添加swiper元素来实现左右滑动。开发者只需要为swiper指定相关参数（如设置每屏显示的内容、滑动时显示的指示器等），就可以实现左右滑动的效果。

---