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

首頁(yè) > 開(kāi)發(fā) > JS > 正文

JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法示例

2024-05-06 16:40:33
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例講述了JS手機(jī)端touch事件計(jì)算滑動(dòng)距離的方法。分享給大家供大家參考,具體如下:

計(jì)算手勢(shì)在手機(jī)屏幕上滑動(dòng)時(shí),手勢(shì)滑動(dòng)的距離,代碼如下:

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

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 普定县| 阿合奇县| 垦利县| 任丘市| 彰武县| 贵州省| 景谷| 沙坪坝区| 札达县| 女性| 承德市| 长岛县| 黑河市| 深泽县| 昌吉市| 石林| 勃利县| 馆陶县| 普安县| 太仆寺旗| 台湾省| 延安市| 托克逊县| 德庆县| 鄂托克旗| 大城县| 社会| 大港区| 荃湾区| 寻甸| 三台县| 永德县| 平乐县| 胶州市| 无为县| 英吉沙县| 汉沽区| 盐池县| 名山县| 旺苍县| 岗巴县|