1、目的:判断手指是上滑还是下滑
2、原理:获取手指按下时的Y坐标和手指抬起的Y坐标。如果抬起的坐标小于按下的坐标,则是上滑;抬起时的坐标大于按下时的坐标,则是下滑;
3、代码示例:
<script type="text/javascript">
var startY = 0;
document.addEventListener("touchstart",function(e){
startY = e.changedTouches[0].pageY;
},false);
document.addEventListener("touchend",function(e){
var endY = e.changedTouches[0].pageY;
var changeVal = endY - startY;
if(endY < startY){//向上滑
alert("向上滑");
}else if(endY > startY){//向下滑
alert("向下滑");
}else{
alert("没有偏移");
}
},false);
</script>
(我有免费的移动端、JavaScript学习视频,想要的鞋童们可以加我微信)