Touch: свойство pageY

Свойство Touch.pageY считывания возвращает координату Y точки касания относительно области просмотра, включая любой сдвиг прокрутки.

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

В этом примере показано, как получить доступ к объекту 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,
);