关于 touch 事件中 touches、targetTouches和changeTouches 的可视化解读

废话不多说，直接上图：

根据 MDN 中的定义： developer.mozilla.org/zh-CN/docs/…

• TouchEvent.touches 只读

  一 个 TouchList 对象，包含了所有当前接触触摸平面的触点的 Touch 对象，无论它们的起始于哪个 element 上，也无论它们状态是否发生了变化。

• TouchEvent.targetTouches 只读

一个 TouchList 对象，是包含了如下触点的 Touch 对象：触摸起始于当前事件的目标 element 上，并且仍然没有离开触摸平面的触点。

• TouchEvent.changedTouches 只读

• 一个 TouchList 对象，包含了代表所有从上一次触摸事件到此次事件过程中，状态发生了改变的触点的 Touch 对象。