Touch.target - Web API 接口参考 编辑

概述

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

语法

var el = touchPoint.target;

返回值

el

Touch 对象的目标元素。

示例

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

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

// 为'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);

规范

规范	状态	注释
Touch Events – Level 2	Draft	Non-stable version.
Touch Events	Recommendation	Initial definition.

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.