Touch: target property

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

Touch 介面的只讀target 屬性返回觸控接觸最初開始的 (EventTarget),即使觸控點此後已經移出該元素的互動區域,甚至已從文件中移除。請注意,如果目標元素從文件中移除,事件仍將以它為目標,因此不一定會冒泡到視窗或文件。如果元素在被觸控時有可能被移除,最佳實踐是將觸控偵聽器直接附加到目標。

Touch 物件所適用的 EventTarget

示例

此示例演示如何訪問 Touch 物件的 Touch.target 屬性。Touch.target 屬性是一個 Element (EventTarget),當觸控點最初接觸表面時,觸控點在此元素上開始。

在下面的簡單程式碼片段中,我們假設使用者在 source 元素上發起一個或多個觸控接觸。當此元素的 touchstart 事件處理程式被呼叫時,每個觸控點的 Touch.target 屬性透過事件的 TouchEvent.targetTouches 列表訪問。

js
// Register a touchmove listener for the 'source' element
const src = document.getElementById("source");

src.addEventListener("touchstart", (e) => {
  // Iterate through the touch points that were activated
  // for this element.
  for (let i = 0; i < e.targetTouches.length; i++) {
    console.log(`touchpoint[${i}].target = ${e.targetTouches[i].target}`);
  }
});

規範

規範
觸控事件
# dom-touch-target

瀏覽器相容性