移动端触屏事件

触屏事件

一、兼容DOM的触摸事件

1.touchstart 当手指触摸屏幕时触发

2.touchmove 当手指在屏幕上滑动时连续触发

3.touchend 当手指从屏幕上移开时触发

4.touchcancel 当系统停止跟踪触摸时触发

二、每个触摸事件包含的三个触摸列表

1.touches 当前跟踪的触摸操作的Touch对象的数组

2.targetTouches 特定于时间目标的Touch对象的数组

3.chargeTouches 自上次触摸以来发生哪些改变的Touch对象的数组

4.每个touch对象包含的属性

（1）clientX 触摸目标在视口中的x坐标

（2）clientY 触摸目标在视口中的y坐标

(3) pageX 触摸目标在页面中的x坐标

(4) pageY 触摸目标在页面中的y坐标

（5）screenX 触摸目标在屏幕中的x坐标

（6）screenY 触摸目标在屏幕中的y坐标

（7）identifier 标志触摸的唯一ID

（8）target 触摸的DOM节点目标

案例一、手指拖动滑块使其跟随运动