小程序监听屏幕滑动事件

1.小程序页面点击事件的坐标系是以左下角为原点的直角坐标系。

2.微信小程序提供bindtouchstart和bindtouchend接口用于监听触点的变化。

3.xml文件中在需要监听的块外增加监听遮罩层，包含待监听块在内，也可以直接写在需要监听滑动的组件内

<view  bindtouchstart="touchStart" bindtouchend="touchEnd">
	<!--待监听功能模块-->
</view>

或者：

<image src="****"  bindtouchstart="touchStart" bindtouchend="touchEnd"/>

4.js文件根据触点的起始位置和终止位置计算滑动方向（在data中配置touchx和touchy数值）

touchStart(e) {
   console.log(e)
   var that = this;
   that.setData({
      touchx: e.changedTouches[0].clientX,
      touchy: e.changedTouches[0].clientY
    })
},
touchEnd(e) {
   console.log(e)
   var that = this;
   let x = e.changedTouches[0].clientX;
   let y = e.changedTouches[0].clientY;
   let turn = "";
   if (x - that.data.touchx > 50 && Math.abs(y - that.data.touch