移动端touchstart,touchmove,touchend

touchstart：手指触摸到一个 DOM 元素时触发。

touchmove：手指在一个 DOM 元素上滑动时触发。

touchend：手指从一个 DOM 元素上移开时触发。

touchcancel：当系统停止跟踪触发触发

 

event.touches  当前触摸屏幕的触摸点数组

event.changedTouches   移动的触摸点信息数组

event.targetTouches  只包含放在元素上的触摸信息数组

 

touch对象代表一个触点，通过event.touches[0]获取

{
    screenX: 511, 
    screenY: 400,//触点相对于屏幕左边沿的Y坐标
    clientX: 244.37899780273438, 
    clientY: 189.3820037841797,//相对于可视区域
    pageX: 244.37, 
    pageY: 189.37,//相对于HTML文档顶部，当页面有滚动的时候与clientX=Y 不等
    force: 1,//压力大小，是从0.0(没有压力)到1.0(最大压力)的浮点数
    identifier: 1036403715,//一次触摸动作的唯一标识符
    radiusX: 37.565673828125, //能够包围用户和触摸平面的接触面的最小椭圆的水平轴(X轴)半径
    radiusY: 37.565673828125,
    rotationAngle: 0,//它是这样一个角度值：由radiusX 和 radiusY 描述的正方向的椭圆，需要通过顺时针旋转这个角度值，才能最精确地覆盖住用户和触摸平面的接触面
    target: {} // 此次触摸事件的目标element
}