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

首頁 > 學(xué)院 > 開發(fā)設(shè)計(jì) > 正文

移動(dòng)端tap輕觸事件封裝

2019-11-09 17:35:21
字體:
供稿:網(wǎng)友
function my_tap(dom,callBack){  //第一不能超過延時(shí)時(shí)間,第二不能使移動(dòng)  //獲取一些必要的值開始時(shí)間,延時(shí)時(shí)間,是否是移動(dòng)      var startTime=0;      var delayTime=200;      var isMove=false;      dom.addEventListener("touchstart",function(event){          //記錄開始時(shí)間          startTime=Date.now();      });      dom.addEventListener("touchmove",function(event){          //如果發(fā)生了移動(dòng)就改變isMove的值          isMove=true;      });      dom.addEventListener("touchend",function(event){          //如果發(fā)生了移動(dòng)就不執(zhí)行回調(diào)          if(isMove) return;          //如果大于延時(shí)時(shí)間就不執(zhí)行回調(diào)函數(shù)          if(Date.now()-startTime>delayTime) return;          callBack(event);        });      }  

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

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


發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 浑源县| 菏泽市| 内黄县| 万州区| 界首市| 东乡| 中山市| 漳平市| 普安县| 新密市| 丰都县| 德化县| 峨眉山市| 盖州市| 湘潭县| 宿州市| 新巴尔虎左旗| 玛曲县| 固原市| 吉木萨尔县| 泰兴市| 滦南县| 阆中市| 新巴尔虎左旗| 都匀市| 马鞍山市| 深泽县| 南乐县| 南皮县| 嵊泗县| 泾川县| 兴国县| 新泰市| 丹凤县| 紫阳县| 侯马市| 英超| 枣阳市| 无锡市| 南安市| 赞皇县|