touch事件中的touches、targetTouches和changedTouches详解

touches：当前屏幕上全部触摸点的列表；

targetTouches：当前对象上全部触摸点的列表；

changedTouches：涉及当前（引起）事件的触摸点的列表：

可经过一个例子来区分触摸事件中的这三个属性：

一、用一个手指接触屏幕触发事件，此时这三个属性有相同的值。

二、用第二个手指接触屏幕时，此时，touches有两个元素，每一个手指触摸点为一个值。当两个手指触摸相同元素时，targetTouches和touches的值相同，不然changedTouches此时只有一个值，为第二个手指的触摸点，由于第二个手指是引起事件的缘由。

三、用两个手指同时接触屏幕，此时changedTouches有两个值，每个手指的触摸点都有一个值

四、手指滑动，三个值都会发生变化

五、一个手指离开屏幕，touches和targetTouches中对应的元素会同时移除，而changedTouches仍然会存在元素

六、手指都离开屏幕后，touches和targetTouches中将不会再有值，changedTouches还会有一个值，此值为最后一个离开屏幕的手指的接触点

2、触点坐标获取

touchstart和touchmove使用：e.targetTouches[0].pageX或（jquery）e.originalEvent.targetTouches[0].pageX

touchend使用：e.targetTouches[0].pageX或（jquery）e.originalEvent.changedTouches[0].pageX

3、touchmove事件的获取

想要在touchmove:function(e,参数一){

　　var e=arguments[0];

　　e.preventDefault();

}

 

 

出处：http://blog.sina.com.cn/s/blog_468530a60102wzkw.html