首页 > 代码库 > js中触摸相关变量touches,targetTouches和changedTouches的区别
js中触摸相关变量touches,targetTouches和changedTouches的区别
touches: 当前屏幕上所有触摸点(手指)的列表;targetTouches: 当前DOM元素上所有触摸点(手指)的列表;changedTouches: 涉及当前事件的触摸点(手指)的列表
通过一个例子来区分一下触摸事件中的这三个属性：
- 用一个手指接触屏幕，触发事件，此时这三个属性有相同的值。
- 用第二个手指接触屏幕，此时，touches有两个元素，每个手指触摸点为一个值。当两个手指触摸相同元素时，targetTouches和touches的值相同，否则targetTouches 只有一个值。changedTouches此时只有一个值，为第二个手指的触摸点。
- 用两个手指同时接触屏幕，此时changedTouches有两个值，每一个手指的触摸点都有一个值
- 手指滑动时，三个值都会发生变化
- 一个手指离开屏幕，touches和targetTouches中对应的元素会同时移除，而changedTouches仍然会存在元素。
- 手指都离开屏幕之后，touches和targetTouches中将不会再有值，changedTouches还会有一个值，此值为最后一个离开屏幕的手指的接触点。
js中触摸相关变量touches,targetTouches和changedTouches的区别
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。