国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

微信小程序實現手勢滑動效果

2019-11-19 10:58:09
字體:
來源:轉載
供稿:網友

本文實例為大家分享了微信小程序實現手勢滑動的具體代碼,供大家參考,具體內容如下

wxml:

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

index.js:

var touchStartX = 0;//觸摸時的原點 var touchStartY = 0;//觸摸時的原點 var time = 0;// 時間記錄,用于滑動時且時間小于1s則執行左右滑動 var interval = "";// 記錄/清理時間記錄 var touchMoveX = 0; // x軸方向移動的距離var touchMoveY = 0; // y軸方向移動的距離Page({// 觸摸開始事件  touchStart: function (e) {  touchStartX = e.touches[0].pageX; // 獲取觸摸時的原點   touchStartY = e.touches[0].pageY; // 獲取觸摸時的原點   // 使用js計時器記錄時間    interval = setInterval(function () {   time++;  }, 100); }, // 觸摸移動事件  touchMove: function (e) {  touchMoveX = e.touches[0].pageX;  touchMoveY = e.touches[0].pageY; }, // 觸摸結束事件  touchEnd: function (e) {  var moveX = touchMoveX - touchStartX  var moveY = touchMoveY - touchStartY  if (Math.sign(moveX) == -1) {   moveX = moveX * -1  }  if (Math.sign(moveY) == -1) {   moveY = moveY * -1  }  if (moveX <= moveY) {// 上下   // 向上滑動   if (touchMoveY - touchStartY <= -30 && time < 10) {    console.log("向上滑動")   }   // 向下滑動    if (touchMoveY - touchStartY >= 30 && time < 10) {    console.log('向下滑動 ');   }  }else {// 左右   // 向左滑動   if (touchMoveX - touchStartX <= -30 && time < 10) {    console.log("左滑頁面")   }   // 向右滑動    if (touchMoveX - touchStartX >= 30 && time < 10) {    console.log('向右滑動');   }  }  clearInterval(interval); // 清除setInterval   time = 0; }, })

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大田县| 鹤壁市| 宜昌市| 西贡区| 梁河县| 潞西市| 翁牛特旗| 鄂尔多斯市| 资源县| 综艺| 呼玛县| 德庆县| 文山县| 手机| 修武县| 双桥区| 崇阳县| 福清市| 右玉县| 盐津县| 汶上县| 临安市| 湟中县| 定日县| 柳河县| 麦盖提县| 蓬溪县| 无极县| 灯塔市| 铅山县| 白朗县| 丁青县| 巴塘县| 璧山县| 维西| 同心县| 济南市| 无极县| 沙洋县| 富平县| 同江市|