TouchEvent: свойство touches

touches — это только для чтения TouchList, содержащий все объекты Touch для точек касания, которые в настоящее время находятся в контакте с сенсорной поверхностью, независимо от того, изменились ли они или какой элемент был целевым в момент touchstart.

Можно представить это как количество отдельных пальцев, которые могут быть идентифицированы как касающиеся экрана.

A TouchList listing all the Touch objects for touch points that are still in contact with the touch surface, regardless of whether or not they've changed or what their target element was at touchstart time.

Этот пример демонстрирует свойство TouchEvent.touches объекта TouchEvent. Свойство TouchEvent.touches — это объект TouchList, содержащий список объектов Touch для каждой точки контакта, которая в настоящее время касается поверхности.

В следующем фрагменте кода обработчик событий touchstart проверяет длину списка TouchEvent.touches для определения количества активных точек касания и затем вызывает разные обработчики в зависимости от количества точек касания.

someElement.addEventListener(
  "touchstart",
  (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,
);