100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序 监听手势滑动切换页面的实现

微信小程序 监听手势滑动切换页面的实现

时间:2021-11-02 01:59:07

相关推荐

微信小程序 监听手势滑动切换页面的实现

微信小程序|小程序开发

微信小程序,监听手势滑动切换页面,小程序,手势滑动

微信小程序-小程序开发微信小程序 监听手势滑动切换页面实例详解

zebra 源码,华硕进不了Ubuntu,tomcat的并发量测试,爬虫苹果脚本,阿里云 重启php,seo优化在百度取得更好的排名lzw

1.对应的xml里写上手势开始、滑动、结束的监听:

天天团购系统源码,vscode整数运算,ubuntu安装流程,完全删除tomcat,sqlite 组合索引,服务器试用申请,网站word在线预览插件下载,前端新框架severlet,爬虫 银行,表单与php,学习seo培训班,免费模板网站制作,豆瓣阅读网页模板,仿小米店铺模板,js获取其他页面的源码,java mysql 信息管理系统,游戏程序就是后台吗lzw

2.js:

有什么制作app的网站源码,vscode创建jsp页面,备份ubuntu,tomcat 中文路径,sqlite写入大量数据,西安学网页设计学校,权限 数据库,常用服务器虚,ecshop 京东白条插件,java技术框架前端开发教程,免费网络爬虫软件,php 数据库类,seo专业优化平台,springboot爬虫,ecshop 添加php标签,智能网站管理系统,网页语音播放代码,半透明水母模板,免费网站模板带后台,wordpress登录页面空白,ssh 人事管理系统,基于c的程序设计lzw

var touchDot = 0;//触摸时的原点 var time = 0;// 时间记录,用于滑动时且时间小于1s则执行左右滑动 var interval = "";// 记录/清理时间记录 Page({ data: {...} })

Page({ data: {... }, // 触摸开始事件 touchStart: function (e) { touchDot = e.touches[0].pageX; // 获取触摸时的原点 // 使用js计时器记录时间 interval = setInterval(function () { time++; }, 100); }, // 触摸移动事件 touchMove: function (e) { var touchMove = e.touches[0].pageX; console.log("touchMove:" + touchMove + " touchDot:" + touchDot + " diff:" + (touchMove - touchDot)); // 向左滑动 if (touchMove - touchDot <= -40 && time = 40 && time < 10) { console.log(向右滑动); wx.switchTab({url: ../右滑页面/右滑页面 }); } }, // 触摸结束事件 touchEnd: function (e) { clearInterval(interval); // 清除setInterval time = 0; }, . . . })

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。