<span id="mktg5"></span>

<i id="mktg5"><meter id="mktg5"></meter></i>

        <label id="mktg5"><meter id="mktg5"></meter></label>
        最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
        問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
        當前位置: 首頁 - 科技 - 知識百科 - 正文

        touch事件如何獲取滑動距離長度

        來源:懂視網 責編:小采 時間:2020-11-27 19:54:43
        文檔

        touch事件如何獲取滑動距離長度

        touch事件如何獲取滑動距離長度:這次給大家帶來touch事件如何獲取滑動距離長度,touch事件獲取滑動距離長度的注意事項有哪些,下面就是實戰案例,一起來看一下。 計算手勢在手機屏幕上滑動時,手勢滑動的距離,代碼如下:function wetherScroll(){ var startX = startY =
        推薦度:
        導讀touch事件如何獲取滑動距離長度:這次給大家帶來touch事件如何獲取滑動距離長度,touch事件獲取滑動距離長度的注意事項有哪些,下面就是實戰案例,一起來看一下。 計算手勢在手機屏幕上滑動時,手勢滑動的距離,代碼如下:function wetherScroll(){ var startX = startY =

        這次給大家帶來touch事件如何獲取滑動距離長度,touch事件獲取滑動距離長度的注意事項有哪些,下面就是實戰案例,一起來看一下。

        計算手勢在手機屏幕上滑動時,手勢滑動的距離,代碼如下:

        function wetherScroll(){
         var startX = startY = endX =endY =0;
         var body=document.getElementsByTagName("body");
         body.bind('touchstart',function(event){
         var touch = event.targetTouches[0];
         //滑動起點的坐標
         startX = touch.pageX;
         startY = touch.pageY;
         // console.log("startX:"+startX+","+"startY:"+startY);
         });
         body.bind("touchmove",function(event){
         var touch = event.targetTouches[0];
         //手勢滑動時,手勢坐標不斷變化,取最后一點的坐標為最終的終點坐標
         endX = touch.pageX;
         endY = touch.pageY;
         // console.log("endX:"+endX+","+"endY:"+endY);
         })
         body.bind("touchend",function(event){
         var distanceX=endX-startX,
         distanceY=endY - startY;
         // console.log("distanceX:"+distanceX+","+"distanceY:"+distanceY);
         //移動端設備的屏幕寬度
         var clientHeight; =document.documentElement.clientHeight;
         // console.log(clientHeight;*0.2);
         //判斷是否滑動了,而不是屏幕上單擊了
         if(startY!=Math.abs(distanceY)){
         //在滑動的距離超過屏幕高度的20%時,做某種操作
         if(Math.abs(distanceY)>clientHeight*0.2){
         //向下滑實行函數someAction1,向上滑實行函數someAction2
         distanceY <0 ? someAction1():someAction2();
         }
         }
         startX = startY = endX =endY =0;
         })
        }

        相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!

        推薦閱讀:

        聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

        文檔

        touch事件如何獲取滑動距離長度

        touch事件如何獲取滑動距離長度:這次給大家帶來touch事件如何獲取滑動距離長度,touch事件獲取滑動距離長度的注意事項有哪些,下面就是實戰案例,一起來看一下。 計算手勢在手機屏幕上滑動時,手勢滑動的距離,代碼如下:function wetherScroll(){ var startX = startY =
        推薦度:
        標簽: 距離 事件 滑動
        • 熱門焦點

        最新推薦

        猜你喜歡

        熱門推薦

        專題
        Top
        主站蜘蛛池模板: 亚州免费一级毛片| 无码人妻久久一区二区三区免费| 午夜宅男在线永久免费观看网| 久久精品国产亚洲AV麻豆网站| 18成禁人视频免费网站| 亚洲国产午夜精品理论片| 2022久久国产精品免费热麻豆| 亚洲视频在线观看地址| 色影音免费色资源| 亚洲熟妇AV乱码在线观看| 日本一区二区三区日本免费| 羞羞视频免费观看| 精品亚洲综合久久中文字幕| 无码人妻久久一区二区三区免费 | 亚洲精品偷拍视频免费观看| 人人鲁免费播放视频人人香蕉| 亚洲人成无码久久电影网站| 两个人看的www视频免费完整版| 亚洲国产成人精品无码区在线观看| 国产99视频精品免费专区| 亚洲色偷偷av男人的天堂| 国产v精品成人免费视频400条| 国产精品亚洲一区二区三区久久| 精品国产亚洲男女在线线电影 | 91在线视频免费播放| 午夜亚洲WWW湿好爽 | 亚洲综合精品网站在线观看| a级毛片在线免费| 亚洲三级在线视频| 亚洲国产成人影院播放| 99免费视频观看| 在线亚洲v日韩v| 亚洲国产精品线在线观看| 日本一道在线日本一道高清不卡免费 | 日韩亚洲不卡在线视频中文字幕在线观看| 午夜私人影院免费体验区| 日韩免费高清一级毛片| 久久久久久亚洲精品成人| 四虎影视免费永久在线观看 | 女人毛片a级大学毛片免费| 国产免费一级高清淫曰本片|