小程序监听屏幕滑动事件

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

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

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

或者：

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.touchy) < 50) {      //右滑turn = "right";} else if (x - that.data.touchx < -50 && Math.abs(y - that.data.touchy) < 50) {   //左滑turn = "left";}if(y - that.data.touchy > 50 && Math.abs(x - that.data.touchx) < 50){ //下滑turn = "down";}else if(y - that.data.touchy < -50 && Math.abs(x - that.data.touchx) < 50){ //上滑turn="up";}//根据方向进行操作if(turn == 'down'){//下滑触发操作}
},

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！