Touch.target

概述

这个属性返回触摸点最初接触的 Element,即使这个触摸点已经移出那个元素的交互区域,甚至移出文档。需要注意的是,如果这个元素在触摸过程中被移除,这个事件仍然会指向它,因此这个事件也不会冒泡到 windowdocument 对象。因此,如果有元素在触摸过程中可能被移除,最佳实践是将触摸事件的监听器绑定到这个元素本身,防止元素被移除后,无法再从它的上一级元素上侦测到从该元素冒泡的事件。

语法

var el = touchPoint.target;

返回值

el

Touch 对象的目标元素。

示例

这个例子展示了如何访问 Touch 对象的 Touch.target 属性。Touch.target 属性是最初接触平面的触摸点下的 Element (EventTarget) 。

在下面的代码片段中,我们假设用户在 source 元素上开始接触,因此初始化了一个或多个触摸点。当这个元素上的 touchstart 事件处理程序被调用时,每个触摸点的 Touch.target 属性可经事件的 TouchEvent.targetTouches 列表访问。

js
// 为'source'元素注册一个触摸监听器
var src = document.getElementById("source");

src.addEventListener(
  "touchstart",
  function (e) {
    // 在这个元素上激活的触点间循环
    for (var i = 0; i < e.targetTouches.length; i++) {
      console.log(
        "touchpoint[" + i + "].target = " + e.targetTouches[i].target,
      );
    }
  },
  false,
);

规范

Specification
Touch Events
# dom-touch-target

浏览器兼容性

BCD tables only load in the browser