H5的触摸事件

方法1：

1. 当开始一个touchstart事件的时候，获取此刻手指的横坐标startX和纵坐标startY；
2. 当触发touchmove事件时，在获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后，通过这两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。

思路：用touchmove的最后坐标减去touchstart的起始坐标，X的结果如果正数，则说明手指是从左往右划动；X的结果如果负数，则说明手指是从右往左划动；Y的结果如果正数，则说明手指是从上往下划动；Y的结果如果负数，则说明手指是从下往上划动。

    
    
    
    


判断滑动方向

方法2：

1. 滑动屏幕事件使用HTML5中的touchstart滑动开始事件和touchend滑动结束事件。
2. 方向的判断：以起点做平面坐标系，与终点连线做直线，直线与x正半轴计算角度；我们以45度角为方向分割线，如：只要滑动角度大于等于45度且小于135度，则判断它方向为向上滑。如图所示：
3. 使用Math.atan2来计算起点与终点形成的直线角度。
   注意：标准坐标系与屏幕坐标系并不相同，在屏幕坐标系中，上半轴为负值，要实现转换，只需要调换Y坐标起点与终于位置即可。

    
    
    
    


判断滑动方向