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 |
浏览器兼容性
加载中…