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

首頁 > 學院 > 開發設計 > 正文

移動端tap輕觸事件封裝

2019-11-09 18:40:19
字體:
來源:轉載
供稿:網友
function my_tap(dom,callBack){  //第一不能超過延時時間,第二不能使移動  //獲取一些必要的值開始時間,延時時間,是否是移動      var startTime=0;      var delayTime=200;      var isMove=false;      dom.addEventListener("touchstart",function(event){          //記錄開始時間          startTime=Date.now();      });      dom.addEventListener("touchmove",function(event){          //如果發生了移動就改變isMove的值          isMove=true;      });      dom.addEventListener("touchend",function(event){          //如果發生了移動就不執行回調          if(isMove) return;          //如果大于延時時間就不執行回調函數          if(Date.now()-startTime>delayTime) return;          callBack(event);        });      }  

在移動端(這里小編還是強調一下把頁面變成移動端頁面千萬別忘記視口屬性viewport的設置)中我們的瀏覽器只認識三個事件(touchstart、touchmove、touchend),而我們使用其他的框架封裝的事件全都是使用這三個事件來封裝來的,那么我們接下來就給大家拿一個實例來分析一下如何使用這三個基礎的函數來進行封裝!

   好現在我們來分析一下整個函數封裝的思路:如果是輕敲的話那必須滿足兩個條件:1.按住的事件不能超過延時時間2.不能再頁面中移動,也就是說不能出發touchmove事件


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 栖霞市| 诸城市| 中卫市| 齐河县| 肇源县| 边坝县| 莱州市| 鹤庆县| 抚州市| 威信县| 库尔勒市| 建德市| 三门峡市| 增城市| 孟州市| 石台县| 明光市| 石台县| 宽甸| 静宁县| 密云县| 宣威市| 紫云| 长春市| 石柱| 塔城市| 武夷山市| 高雄县| 荣昌县| 通榆县| 洪湖市| 鄢陵县| 宽甸| 龙陵县| 色达县| 广州市| 翼城县| 昭通市| 咸宁市| 瑞安市| 毕节市|