Как Pointer Events работают на сенсорных устройствах?

Pointer Events («События Указателя») предоставляют единый набор событий для всех типов указывающих устройств, включая мышь, перо и сенсорные экраны. learn.javascript.ru developer.mozilla.org

На сенсорных устройствах Pointer Events позволяют обрабатывать мульти-тач (возможность касаться экрана сразу в нескольких местах). learn.javascript.ru Когда пользователь касается сенсорного экрана в одном месте, а затем в другом, происходит следующее: learn.javascript.ru

1. При касании первым пальцем. learn.javascript.ru Происходит событие pointerdown со свойством isPrimary=true и некоторым pointerId. learn.javascript.ru
2. При касании вторым и последующими пальцами (при остающемся первом). learn.javascript.ru Происходит событие pointerdown со свойством isPrimary=false и уникальным pointerId для каждого касания. learn.javascript.ru

Если коснуться экрана пятью пальцами одновременно, получится пять событий pointerdown, каждое со своими координатами и индивидуальным pointerId. learn.javascript.ru События, связанные с первым пальцем, всегда содержат свойство isPrimary=true. learn.javascript.ru

Когда пользователь перемещает, а затем убирает палец, получаются события pointermove и pointerup с тем же pointerId, что и при событии pointerdown. learn.javascript.ru

Событие pointercancel происходит, когда текущее действие с указателем по какой-то причине прерывается, и события указателя больше не генерируются. learn.javascript.ru К таким причинам можно отнести, например, физическое выключение указывающего устройства, изменение ориентации устройства или решение браузера самостоятельно обработать действие. learn.javascript.ru