码迷,mamicode.com
首页 > 微信 > 详细

小程序 手机左滑右滑事件监听

时间:2019-06-16 16:12:56      阅读:553      评论:0      收藏:0      [点我收藏+]

标签:clear   ndt   url   记录   结束   ++   pos   touch   fun   




<view class="touch" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" ></view>


// 触摸开始事件 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 < 10) { // wx.switchTab({ // url: ‘../左滑页面/左滑页面‘ // }); console.log(213) } // 向右滑动 if (touchMove - touchDot >= 40 && time < 10) { console.log(向右滑动); wx.switchTab({ url: pages/position_man/position_man }); console.log(54645) } }, // 触摸结束事件 touchEnd: function (e) { clearInterval(interval); // 清除setInterval time = 0; },

 

小程序 手机左滑右滑事件监听

标签:clear   ndt   url   记录   结束   ++   pos   touch   fun   

原文地址:https://www.cnblogs.com/wangshishuai/p/11031420.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!