Touch: свойство pageX

Это Touch.pageX только для чтения свойство возвращает координату X точки касания относительно области просмотра, включая любые смещения прокрутки.

Значение с плавающей точкой double, представляющее координату X точки касания относительно области просмотра, включая любые смещения прокрутки.

В этом примере показано, как получить доступ к свойствам Touch объекта Touch.pageX и Touch.pageY. Свойство Touch.pageX — это горизонтальная координата точки касания относительно области просмотра (в пикселях CSS) с учётом смещений прокрутки. Свойство Touch.pageY — это вертикальная координата точки касания относительно области просмотра (в пикселях CSS) с учётом смещений прокрутки.

В следующем простом фрагменте кода предполагается, что пользователь инициирует одно или несколько касаний на элементе source, перемещает точки касания и затем отпускает все контакты с поверхностью. При вызове обработчика события touchmove, координаты каждой точки касания Touch.pageX и Touch.pageY получаются через список TouchEvent.changedTouches события.

// Register a touchmove listeners for the 'source' element
const src = document.getElementById("source");

src.addEventListener(
  "touchmove",
  (e) => {
    // Iterate through the touch points that have moved and log each
    // of the pageX/Y coordinates. The unit of each coordinate is CSS pixels.
    for (let i = 0; i < e.changedTouches.length; i++) {
      console.log(`touchpoint[${i}].pageX = ${e.changedTouches[i].pageX}`);
      console.log(`touchpoint[${i}].pageY = ${e.changedTouches[i].pageY}`);
    }
  },
  false,
);