TouchEvent是一类描述手指在触摸屏面（触摸屏、触摸板）等状态变化的事件。属于一种UIEvent。该事件可以描述与屏幕的一个或多个触点，并且支持检测移动，触点的添加和移除。

每个触点都是一个Touch对象，每个Touch对象都有位置、尺寸、形状、压力大小和目标元素等属性，触点列表由TouchList对象表示。

  • TouchEvent.changedTouches: 是一个TouchList对象，列出了这次触摸事件中发生了改变的Touch对象。

    • 对于touchstart事件，这个对象是上次事件中新增加的激活的触点的列表。
    • 对于touchmove事件，这个对象是与上次事件相比发生了变化的触点列表。
    • 对于touchend事件，这个对象是从触屏中移除的触点的列表。

  • TouchEvent.targetTouches: 是一个只读的TouchList列表，包含仍与目标对象接触的所有触摸点的Touch对象。

  • TouchEvent.touches: 当前在与触摸表面接触的Touch对象，不管触摸点是否已经改变或其目标元素是在处于哪个事件阶段。

touch 事件的类型

  • touchstart: 当用户在触摸设备上放置了一个触点时触发。
  • touchmove: 当用户在触摸设备上移动触点时触发，当触点的半径、旋转角度以及压力大小发生变化时，也将触发此事件。
  • touchend: 当一个触点被用户从触摸平面上移除（将一个手指离开触摸平面）时触发。当触点移出触摸平面的边界时也将触发。例如用户将手指划出屏幕边缘。