标签:坐标 触摸事件 参数 原因 star original origin 触屏 jquer
touches:当前屏幕上所有触摸点的列表;
targetTouches:当前对象上所有触摸点的列表;
changedTouches:涉及当前(引发)事件的触摸点的列表:
可通过一个例子来区分触摸事件中的这三个属性:
1、用一个手指接触屏幕触发事件,此时这三个属性有相同的值。
2、用第二个手指接触屏幕时,此时,touches有两个元素,每个手指触摸点为一个值。当两个手指触摸相同元素时,targetTouches和touches的值相同,否则changedTouches此时只有一个值,为第二个手指的触摸点,因为第二个手指是引发事件的原因。
3、用两个手指同时接触屏幕,此时changedTouches有两个值,每一个手指的触摸点都有一个值
4、手指滑动,三个值都会发生变化
5、一个手指离开屏幕,touches和targetTouches中对应的元素会同时移除,而changedTouches仍然会存在元素
6、手指都离开屏幕后,touches和targetTouches中将不会再有值,changedTouches还会有一个值,此值为最后一个离开屏幕的手指的接触点
二、触点坐标获取
touchstart和touchmove使用:e.targetTouches[0].pageX或(jquery)e.originalEvent.targetTouches[0].pageX
touchend使用:e.targetTouches[0].pageX或(jquery)e.originalEvent.changedTouches[0].pageX
三、touchmove事件的获取
想要在touchmove:function(e,参数一){
var e=arguments[0];
e.preventDefault();
}
出处:http://blog.sina.com.cn/s/blog_468530a60102wzkw.html
touch事件中的touches、targetTouches和changedTouches详解
标签:坐标 触摸事件 参数 原因 star original origin 触屏 jquer
原文地址:http://www.cnblogs.com/doumiaomiao/p/7691782.html