触摸：target 属性

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}`);
    }
  },
  false,
);

规范

规范
触摸事件
# dom-touch-target

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。