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


<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; },