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

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

View in English Always switch to English

Touch: target プロパティ

利用可能性は限定的

この機能はベースラインではありません。最も広く使用されているブラウザーの一部で動作しません。

Want more support for this feature? Tell us why.

target は Touch インターフェイスの読み取り専用プロパティで、タッチ点がその要素の操作領域外に移動した場合や、文書から取り除かれた場合でも、タッチ点が最初に配置されたときに接触が開始された (EventTarget) を返します。対象要素が文書から除去されても、イベントはその要素を対象とし、ウィンドウや文書にバブルアップされるとは限らないことに注意してください。タッチしている間に要素が除去されるおそれがある場合は、タッチリスナーを対象に直接取り付けるのが最善の手法です。

値

Touch オブジェクトが適用される EventTarget。

例

この例では、Touch オブジェクトの Touch.target プロパティにアクセスする方法を示します。 Touch.target プロパティは Element (EventTarget) であり、表面に最初に連絡先が配置されたときにこの点を開始します。

以下の単純なコードでは、ユーザーが source 要素に 1 つ以上の接触を開始することを想定しています。この要素の touchstart イベントハンドラーが呼び出されると、各タッチ点の Touch.target プロパティは、イベントの TouchEvent.targetTouches リスト経由でアクセスします。

js
// touchmove リスナーを 'source' 要素に登録
const src = document.getElementById("source");

src.addEventListener(
  "touchstart",
  (e) => {
    // この要素で有効化されたタッチ点を反復処理
    for (let i = 0; i < e.targetTouches.length; i++) {
      console.log(`touchpoint[${i}].target = ${e.targetTouches[i].target}`);
    }
  },
  false,
);

仕様書

仕様書
Touch Events
# dom-touch-target

ブラウザーの互換性

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告