touch是触摸事件组
- touchstart 当手指触摸屏幕
- touchmove 当手指在屏幕上移动
- touchend 当手指离开屏幕
- touchcancel 当被迫终止滑动
touchList是触摸点
- changedTouches 改变后的触目点集合
每个点都会去记录
- targetTouches 当前元素触摸点集合
手指离开了不会记录
- touches 页面上所有触摸点的集合
手指离开了不会记录
滑动的实现原理
就是让触摸的元素随着手指的滑动做位置的改变
元素位置的改变需要当前触摸点的坐标和一开始手指的坐标
原生获取坐标
e.touches[n] . ~~
clientX clientY --基于视窗
pageX pageY --基于页面
screenX screenY ---基于屏幕
jQuery 获取坐标
startx=e.originalEvent.touches[0].clientX;