TouchEvent：changedTouches 属性

changedTouches 只读属性是一个 TouchList，其触摸点 (Touch 对象) 根据事件类型而有所不同，如下所示

  • 对于 touchstart 事件，它是一个列表，其中包含了当前事件下变为活跃的触摸点。
  • 对于 touchmove 事件，它是一个列表，其中包含了自上次事件以来发生改变的触摸点。
  • 对于 touchend 事件，它是一个列表，其中包含了从表面移除的触摸点（即，与不再接触表面的手指相对应的触摸点集）。

值

一个 TouchList，其 Touch 对象包含了所有参与此触摸事件的触摸点。

示例

此示例说明了 TouchEvent 对象的 TouchEvent.changedTouches 属性。TouchEvent.changedTouches 属性是一个 TouchList 对象，其中包含了参与事件的每个触摸点的 Touch 对象。

在以下代码片段中，touchmove 事件处理程序遍历 changedTouches 列表，并打印自上次事件以来发生改变的每个触摸点的标识符。

js
someElement.addEventListener(
  "touchmove",
  (e) => {
    // Iterate through the list of touch points that changed
    // since the last event and print each touch point's identifier.
    for (let i = 0; i < e.changedTouches.length; i++) {
      console.log(
        `changedTouches[${i}].identifier = ${e.changedTouches[i].identifier}`,
      );
    }
  },
  false,
);

规范

规范
触摸事件
# dom-touchevent-changedtouches

浏览器兼容性

BCD 表格仅在浏览器中加载