Touch.target

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

概述

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

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
target

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Has more compatibility info.