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 |
瀏覽器相容性
載入中…