Touch.target

概述

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

语法

var el = touchPoint.target;

返回值

el
Touch 对象的目标元素。

示例

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

在下面的代码片段中,我们假设用户在  source 元素上开始接触,因此初始化了一个或多个触摸点。当这个元素上的 touchstart (en-US) 事件处理程序被调用时,每个触摸点的 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