e.touches、e.targetTouches 和 e.changedTouches 的变体

移动

触摸事件是在移动设备上常见的一种用户交互方式。在JavaScript中，我们可以通过监听触摸事件来实现对触摸操作的响应。其中，常用的触摸事件属性包括e.touches、e.targetTouches和e.changedTouches，它们都是触摸事件对象的变体。

e.touches属性表示当前所有触摸点的列表，每个触摸点都是一个Touch对象。Touch对象包含了一些属性，如identifier（触摸点的唯一标识符）、target（触摸点所在的DOM元素）等。

e.targetTouches属性表示当前事件目标元素上的触摸点的列表，它也是一个TouchList对象。TouchList对象是一个类数组对象，可以通过索引或迭代器来访问其中的Touch对象。

e.changedTouches属性表示自上次触摸事件以来发生了变化的触摸点的列表，也是一个TouchList对象。这些变化可以是新的触摸点的添加、触摸点的位置或状态的改变等。

案例代码：

Javascript
// 获取触摸事件对象
var touchEvent = function(event) {
  var touches = event.touches;
  var targetTouches = event.targetTouches;
  var changedTouches = event.changedTouches;
  // 输出当前所有触摸点的数量
  console.log("当前触摸点数量：" + touches.length);
  // 输出目标元素上的触摸点数量
  console.log("目标元素上的触摸点数量：" + targetTouches.length);
  // 输出发生变化的触摸点数量
  console.log("发生变化的触摸点数量：" + changedTouches.length);
  // 遍历所有触摸点
  for (var i = 0; i < touches.length; i++) {</p>    var touch = touches[i];
    console.log("触摸点" + touch.identifier + "的坐标：" + touch.pageX + ", " + touch.pageY);
  }
}
// 监听触摸事件
document.addEventListener("touchstart", touchEvent);

触摸事件相关属性的使用

通过e.touches、e.targetTouches和e.changedTouches属性，我们可以获得触摸事件中的触摸点信息，并做出相应的处理。例如，在上述的案例代码中，我们可以通过遍历touches数组来输出所有触摸点的坐标信息。

触摸事件是移动设备上常见的一种用户交互方式，通过监听触摸事件并利用e.touches、e.targetTouches和e.changedTouches属性，我们可以获取触摸点的信息，并做出相应的处理。在实际应用中，可以根据这些触摸点的信息来实现手势操作、拖拽功能等。