触摸事件结束时JS手机滑动距离计算方法的一个实例

触摸事件结束时JS手机滑动距离计算方法的一个实例
本文介绍了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程序设计有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部