原生js触摸事件使用

在原生 JavaScript 中，你可以使用触摸事件来处理移动设备上的触摸交互。下面是一些常用的触摸事件和它们的使用方法：

1. touchstart：当手指触摸屏幕时触发。可以使用 event.touches 来获取所有触摸点的信息。

element.addEventListener('touchstart', function(event) {
  var touches = event.touches;
  // 处理触摸事件
});

2. touchmove：当手指在屏幕上滑动时触发。可以使用 event.touches 来获取所有触摸点的信息。

element.addEventListener('touchmove', function(event) {
  var touches = event.touches;
  // 处理触摸事件
});

3. touchend：当手指离开屏幕时触发。可以使用 event.changedTouches 来获取所有离开屏幕的触摸点的信息。

element.addEventListener('touchend', function(event) {
  var touches = event.changedTouches;
  // 处理触摸事件
});

除了上述事件，还有一些其他的触摸事件，如 touchcancel（当触摸被取消，例如由于系统事件中断）等。你可以根据需要选择合适的事件来处理触摸交互。

在处理触摸事件时，你可以使用 event 对象的属性来获取触摸点的坐标等信息。例如，event.touches[i].clientX 表示第 i 个触摸点相对于可视窗口的水平坐标。

注意：触摸事件在移动设备上使用，而鼠标事件在桌面设备上使用。为了兼容不同设备，你可以同时监听触摸事件和鼠标事件，并在事件处理程序中进行相应的处理。