js中触摸相关变量touches,targetTouches和changedTouches的区别

2021-07-04 03:05

阅读：678

标签：用两个移除一个例子 touch color get 有一个事件

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

用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。
用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手指触摸相同元素时，targetTouches和touches的值相同，否则targetTouches 只有一个值。changedTouches此时只有一个值，为第二个手指的触摸点。
用两个手指同时接触屏幕，此时changedTouches有两个值，每一个手指的触摸点都有一个值
手指滑动时，三个值都会发生变化
一个手指离开屏幕，touches和targetTouches中对应的元素会同时移除，而changedTouches仍然会存在元素。
手指都离开屏幕之后，touches和targetTouches中将不会再有值，changedTouches还会有一个值，此值为最后一个离开屏幕的手指的接触点。

js中触摸相关变量touches,targetTouches和changedTouches的区别

标签：用两个移除一个例子 touch color get 有一个事件

原文地址：http://www.cnblogs.com/lidongfeng/p/7122760.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：js中触摸相关变量touches,targetTouches和changedTouches的区别
文章链接：http://soscw.com/index.php/essay/101545.html

亲，登录后才可以留言！