如何区别是touchscreen事件还是mouse事件

在web开发中，可以通过检测事件的触发源来区分是touchscreen事件还是mouse事件。

一种常用的方法是检测事件对象的`type`属性。当`type`属性为`touchstart`、`touchmove`、`touchend`等事件类型时，说明是touchscreen事件；当`type`属性为`mousedown`、`mousemove`、`mouseup`等事件类型时，说明是mouse事件。

另一种方法是检测事件对象的`changedTouches`属性。`changedTouches`属性只在touchscreen事件中存在，它包含了所有参与当前事件的触点信息。如果`changedTouches`属性不为空，则说明是touchscreen事件；反之则是mouse事件。

下面是一个示例代码，用于区分touchscreen事件和mouse事件：

function handleEvent(event) {
  if (event.type === 'touchstart' || event.type === 'touchmove' || event.type === 'touchend') {
    // touchscreen event
    console.log('Touchscreen event');
  } else if (event.changedTouches && event.changedTouches.length > 0) {
    // touchscreen event
    console.log('Touchscreen event');
  } else {
    // mouse event
    console.log('Mouse event');
  }
}

注意，touchscreen事件和mouse事件的触发顺序是不确定的，因此应该在事件处理函数中同时处理这两种事件。