TouchEvent.touches

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

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

Синтаксис

var touches = touchEvent.touches;

Возвращаемое значение

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

Пример

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

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

someElement.addEventListener('touchstart', function(e) {
   // Вызов определённого обработчика, в зависимости от
   // количества точек касания
   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);

Спецификации

Specification Status Comment
Touch Events – Level 2 Черновик Non-stable version.
Touch Events Рекомендация Initial definition.

Поддержка браузерами

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
touchesChrome Полная поддержка 22Edge Полная поддержка ≤18Firefox Полная поддержка 52
Полная поддержка 52
Нет поддержки 18 — 24
IE Нет поддержки НетOpera Полная поддержка ДаSafari Нет поддержки НетWebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 6Opera Android Полная поддержка ДаSafari iOS Полная поддержка ДаSamsung Internet Android Полная поддержка Да

Легенда

Полная поддержка  
Полная поддержка
Нет поддержки  
Нет поддержки