TouchEvent.touches - Web API 接口参考 编辑

概要

一个 TouchList，其会列出所有当前在与触摸表面接触的  Touch 对象，不管触摸点是否已经改变或其目标元素是在处于 touchstart阶段。

此属性是 只读 。

语法

var touches = touchEvent.touches;

返回值

touches

一个 TouchList，其会列出所有当前在与触摸表面接触的  Touch 对象，不管触摸点是否已经改变或其目标元素是在处于 touchstart阶段。

示例

此示例说明 TouchEvent 对象的 TouchEvent.touches 属性。该TouchEvent.touches 属性是一个 TouchList 对象，并包含 Touch 当前接触表面的每个接触点的对象列表。

在下面的代码片段中，touchstart 事件处理程序会检查 TouchEvent.touches 列表的长度，以确定激活的触摸点的数量，然后根据触摸点的数量调用不同的处理程序。

someElement.addEventListener('touchstart', function(e) {
   // Invoke the appropriate handler depending on the
   // number of touch points.
   switch (e.touches.length) {
     case 1: handle_one_touch(e); break;
     case 2: handle_two_touches(e); break;
     case 3: handle_three_touches(e); break;
     default: console.log("Not supported"); break;
   }
 }, false);

规范

规范	状态	评价
Touch Events – Level 2	Draft	不稳定版
Touch Events	Recommendation	初始定义

浏览器兼容性

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.