HTML | DOM TouchEvent touches 属性

在HTML中，TouchEvent对象用于表示触摸事件。TouchEvent对象包含了与触摸相关的属性和方法，其中touches属性是TouchEvent对象的一个属性，用于获取与当前触摸事件相关的所有触摸点的信息。

语法

var touches = event.touches;

返回值

touches属性返回一个包含所有触摸点的TouchList对象。TouchList对象是一个类数组对象，每个元素都是一个包含有关触摸点坐标、目标元素和时间戳等信息的Touch对象。

示例

document.addEventListener('touchstart', function(event) {
  var touchList = event.touches;
  for (var i = 0; i< touchList.length; i++) {
    var touch = touchList[i];
    console.log('Touch point ' + i + ': x=' + touch.clientX + ', y=' + touch.clientY);
  }
});

解释

上述示例添加了一个触摸开始事件的监听器。当用户开始触摸屏幕时，该监听器会打印出触摸点的坐标信息。

兼容性

该属性在大多数主流的浏览器中都得到了支持，包括Chrome、Firefox、Safari和Edge等。

注意事项

• 当触摸事件发生时，touches属性会返回触摸点的列表。如果用户同时触摸屏幕上的多个点，那么列表中就会有多个触摸点的信息。
• Touch对象中包含了详细的触摸信息，包括触摸点的坐标、目标元素等。可以通过Touch对象的各种属性来访问这些信息。
• TouchList对象是一个类数组对象，可以使用for循环等方式来遍历其中的触摸点。

更多信息

• TouchEvent
• TouchList

以上是关于HTML | DOM TouchEvent touches属性的介绍，希望对你有所帮助！