微信小程序页面滑动事件的实例详解

发布时间：2020-12-14 20:12:04 所属栏目：资源来源：网络整理

导读：微信小程序——页面滑动事件 wxml: wxss: js: Math.abs(ty)) { if (tx 0) text = "向右滑动" } //上下方向滑动 else { if (ty 0) text = "向下滑动" } //将当前坐标进行保存以进行下一次计算 this.data.lastX = currentX this.data.lastY = currentY this.se

微信小程序——页面滑动事件

wxml:

wxss:

js:

Math.abs(ty)) { if (tx < 0) text = "向左滑动" else if (tx > 0) text = "向右滑动" } //上下方向滑动 else { if (ty < 0) text = "向上滑动" else if (ty > 0) text = "向下滑动" }

//将当前坐标进行保存以进行下一次计算
this.data.lastX = currentX
this.data.lastY = currentY
this.setData({
text: text,});
},//滑动开始事件
handletouchtart: function (event) {
this.data.lastX = event.touches[0].pageX
this.data.lastY = event.touches[0].pageY
},//滑动结束事件
handletouchend: function (event) {
this.data.currentGesture = 0;
this.setData({
text: "没有滑动",})

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

微信小程序 页面滑动事件的实例详解

微信小程序——页面滑动事件

微信小程序页面滑动事件的实例详解