国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 丰顺县| 平远县| 漳州市| 吴忠市| 尚义县| 福泉市| 武乡县| 镇宁| 上饶县| 舟曲县| 勐海县| 蓬安县| 宁陕县| 习水县| 福泉市| 松阳县| 勃利县| 西乌| 昌宁县| 新闻| 金阳县| 宁阳县| 张家港市| 界首市| 黑河市| 舞钢市| 玛沁县| 乌拉特后旗| 安岳县| 朝阳县| 筠连县| 怀柔区| 濉溪县| 泾川县| 同德县| 额敏县| 德清县| 杭州市| 古蔺县| 大名县| 台江县|