本文
介绍了JS手机终端触摸事件滑动距离的计算
方法,供大家
参考,如下:
当手势在手机
屏幕上滑动时,手势的距离就会滑下来,代码如下所示:
功能wetherscroll(){
层的初始
位置= = = = 0 endx恩迪;
VaR的身体= document.getelementsbytagname(体);
Body.bind('touchstart功能(事件){
VaR触摸=事件。targettouches { 0 };
起始点/幻灯片的坐标
touch.pagex startx =;
touch.pagey初始位置=;
/ / console.log(startx:
});
Body.bind(touchmove
VaR触摸=事件。targettouches { 0 };
手势时,手势改变坐标,从最后一个点坐标到最后一个终点坐标。
endx = touch.pagex;
安迪= touch.pagey;
/ / console.log(endx:
})
Body.bind(touchend
无功distancex = endx startx,
distancey =恩迪-初始位置;
/ / console.log(distancex:
移动终端设备/屏幕宽度
var = document.documentelement.clientheight自己;
/ / console.log(自己;* 0.2);
要确定是否滑动,请单击屏幕而不是屏幕。
如果(初始位置!=Math.abs (distanceY)) {
在滑动距离比屏幕高度20%,做一些
操作。
如果(Math.abs(distancey)>自己* 0.2){
对someaction1 / /向下滑动实现功能,对someaction2功能的实现
distancey<0 someaction1():someaction2();
}
}
StartX =初始位置endx恩迪= 0 = =;
})
}
更多有关Javascript相关内容的读者可以看到特别站:Javascript事件相关操作和技巧Daquan
希望本文能对javascript
程序设计有所帮助。