国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 陕西省| 嘉峪关市| 元阳县| 海淀区| 鄂尔多斯市| 长岛县| 叙永县| 西华县| 景泰县| 青浦区| 恩施市| 察雅县| 潮安县| 油尖旺区| 航空| 大荔县| 凌云县| 大埔县| 高安市| 衡水市| 阿合奇县| 镇安县| 杨浦区| 大厂| 平阳县| 元朗区| 永靖县| 承德市| 巢湖市| 永兴县| 宁蒗| 绥滨县| 东平县| 四平市| 绥化市| 营山县| 梨树县| 宝山区| 太仆寺旗| 双峰县| 临潭县|