判断手机滑动方向和滑动距离

前言

移动端WEB开发，其中javascript中的touch事件常常会用到，通过触屏触摸获取触摸点来判断手机滑动方向和滑动距离。

实现

var doc = document;
doc.addEventListener("touchstart",  startTouchScroll, false);
doc.addEventListener("touchmove", moveTouchScroll, false);
doc.addEventListener("touchend",  endTouchScroll, false);
var startY, endY, startX, endX;
function startTouchScroll(event)
{
        var touch = event.touches[0];
        startX = touch.pageX;
        startY = touch.pageY;
}
function moveTouchScroll(event)
{
        var touch = event.touches[0];
        endX = touch.pageX;
        endY = touch.pageY;
}
function endTouchScroll(event)
{
  //在这里判断也可以
  /*var touch = event.touches[0];
        if(!touch){
            return ;
        }
        endX = touch.pageX;
        endY = touch.pageY;
  */
                                              
        //判断移动的点,1为手指向下滑动,-1为手指向上滑动
        var s