Touch.target

概述

这个属性返回触摸点最初接触的 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.

浏览器兼容性

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
targetChrome Full support 22Edge Full support ≤18Firefox Full support 52
Notes
Full support 52
Notes
Notes Touch events support has been fixed and reenabled in Windows desktop platforms.
No support 18 — 24
Notes
Notes Web compatibility issues seen in bug 888304.
IE No support NoOpera Full support YesSafari No support NoWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 6Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support
See implementation notes.
See implementation notes.