关于TouchEvent里面的touches,targetTouches,changedTouches的解释
- touches:手指触摸到屏幕上引起的当前所有触摸点的集合;
- targetTouches:手指触摸到绑定事件的节点上的触摸点的集合;
- changedTouches:触摸事件时改变触摸点的集合;
以下引用segmentfault@pangpang的图:
结合图片对以上三个概念进行解释:
有两个div,只对DIV2绑定了toushstart事件。
当手指第一次触摸到DIV2时,三个对象表示的都是一样的;
再放下第二根手指和第三根手指分别触摸DIV1和DIV2时,
此时targetTouches对象表示的是第一根手指和第三根手指的信息,因为绑定toushstart事件的节点为DIV2;
而changedTouches对象表示的是第二根手指和第三根手指的信息,因为第一根手指没有变化;