Movatterモバイル変換


[0]ホーム

URL:


  1. 開発者向けのウェブ技術
  2. Web API
  3. TouchEvent
  4. changedTouches

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。

View in EnglishAlways switch to English

TouchEvent: changedTouches プロパティ

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

changedTouches は読み取り専用プロパティで、TouchList です。そのタッチ点(Touch オブジェクト)はイベントタイプによって以下のように異なります。

  • touchstart イベントでは、現在のイベントでアクティブになったタッチ点のリストです。
  • touchmove イベントでは、前回のイベント以降に変更されたタッチ点のリストです。
  • touchend イベントでは、これはタッチ面から除去されたタッチ点のリストです(つまり、タッチ面に触れなくなった指に対応するタッチ点の集合)。

TouchListTouch オブジェクトには、このタッチイベントに寄与したすべてのタッチ点が含まれています。

この例では、TouchEvent オブジェクトのTouchEvent.changedTouches プロパティを示します。TouchEvent.changedTouches プロパティはTouchList オブジェクトで、イベントに貢献した各タッチ点のTouch オブジェクトを 1 つ格納します。

以下のコードでは、touchmove イベントハンドラーがchangedTouches リストを反復処理し、最後のイベント以降に変更された各タッチ点の識別子を出力しています。

js
someElement.addEventListener(  "touchmove",  (e) => {    // 最後のイベント以降に変更されたタッチ点のリストを反復処理し、    // 各タッチ点の識別子を出力    for (let i = 0; i < e.changedTouches.length; i++) {      console.log(        `changedTouches[${i}].identifier = ${e.changedTouches[i].identifier}`,      );    }  },  false,);

仕様書

Specification
Touch Events
# dom-touchevent-changedtouches

ブラウザーの互換性

Help improve MDN

Learn how to contribute

This page was last modified on byMDN contributors.


[8]ページ先頭

©2009-2026 Movatter.jp