国产探花免费观看_亚洲丰满少妇自慰呻吟_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事件


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 徐闻县| 五原县| 台东市| 郧西县| 新沂市| 博罗县| 遂宁市| 阆中市| 静乐县| 大余县| 平武县| 蒙城县| 始兴县| 双流县| 利川市| 岗巴县| 萨嘎县| 普陀区| 宣武区| 靖远县| 新余市| 枣强县| 芦山县| 红桥区| 岳阳市| 融水| 湖北省| 嘉义市| 遂昌县| 宜阳县| 会泽县| 萨嘎县| 寿光市| 武陟县| 平南县| 子洲县| 西乌珠穆沁旗| 舒兰市| 通州区| 通州区| 石柱|