touch事件中的touches、targetTouches和changedTouches详解
来源:互联网 发布:qsv转换flv软件 编辑:程序博客网 时间:2024/06/14 01:03
touches: 当前屏幕上所有触摸点的列表;
targetTouches: 当前对象上所有触摸点的列表;
changedTouches: 涉及当前(引发)事件的触摸点的列表
通过一个例子来区分一下触摸事件中的这三个属性:
1. 用一个手指接触屏幕,触发事件,此时这三个属性有相同的值。
2. 用第二个手指接触屏幕,此时,touches有两个元素,每个手指触摸点为一个值。当两个手指触摸相同元素时,
targetTouches和touches的值相同,否则targetTouches 只有一个值。changedTouches此时只有一个值,
为第二个手指的触摸点,因为第二个手指是引发事件的原因
3. 用两个手指同时接触屏幕,此时changedTouches有两个值,每一个手指的触摸点都有一个值
4. 手指滑动时,三个值都会发生变化
5. 一个手指离开屏幕,touches和targetTouches中对应的元素会同时移除,而changedTouches仍然会存在元素。
6. 手指都离开屏幕之后,touches和targetTouches中将不会再有值,changedTouches还会有一个值,
此值为最后一个离开屏幕的手指的接触点。
2. 触点坐标选取
touchstart和touchmove使用: e.targetTouches[0].pageX 或 (jquery)e.originalEvent.targetTouches[0].pageX
touchend使用: e.changedTouches[0].pageX 或 (jquery)e.originalEvent.changedTouches[0].pageX
3.touchmove事件对象的获取
想要在touchmove:function(e,参数一)加一个参数,结果直接使用e.preventDefault()就会 e 报错,处理方法为使用arguments[0]获取event参数
touchmove:function(e,参数一){
var e=arguments[0]
e.preventDefault()
}
转载:http://www.cnblogs.com/mengff/p/6005516.html
- touch事件中的touches、targetTouches和changedTouches详解
- touch事件中的touches、targetTouches和changedTouches(详解)
- touch事件中的touches、targetTouches和changedTouches详解
- touches,targetTouches,changedTouches
- 触摸 touches targetTouches changedTouches 区别
- targetTouches、touches、changedTouches的具体区别
- touches和targetTouches的区别
- UITapGestureRecognizer 和touches事件
- ios touches、触摸事件
- iOS Touches事件传递
- Android Touch事件详解
- Android中的Touch事件
- Android中的touch事件
- Android中的Touch事件
- Android中的Touch事件
- Android中的Touch事件
- jQuery -- touch事件详解(touchstart、touchmove和touchend)
- IOS UIView touch事件 详解
- Android Studio混淆打包错误
- LA 2755 Hidden Password(字符串最小表示法)
- 关系型数据库简介
- OpenGL---实例 球体 画圆锥
- 字符串数组去重 ["a","b","c","a","b","c"] --> ["a","b","c"]
- touch事件中的touches、targetTouches和changedTouches详解
- Python爬取网页转为PDF
- 图的最短路径算法
- unable to start within 450 seconds if the server reuires more time try increasing the timeout
- eclispe中使用 maven build启动maven项目和打包项目
- 第三章 -- 继承的概念
- ImportError: cannot import name IncompleteRead
- ssh-keygen的使用方法
- Circum Triangle UVA