Touch: свойство clientY

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

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

В этом примере показано использование объекта Touch и свойств Touch.clientX и Touch.clientY. Свойство Touch.clientX — это горизонтальная координата точки касания относительно области просмотра браузера, не включая смещение прокрутки. Свойство Touch.clientY — это вертикальная координата точки касания относительно области просмотра браузера, не включая смещение прокрутки.

В этом примере предполагается, что пользователь инициирует касание элемента с id source, перемещается внутри элемента или выходит за его пределы, а затем прекращает контакт с поверхностью. При вызове обработчика события touchend рассчитываются изменения координат Touch.clientX и Touch.clientY от точки начального касания до точки окончания касания.

// Register touchstart and touchend listeners for element 'source'
const src = document.getElementById("source");
let clientX;
let clientY;

src.addEventListener(
  "touchstart",
  (e) => {
    // Cache the client X/Y coordinates
    clientX = e.touches[0].clientX;
    clientY = e.touches[0].clientY;
  },
  false,
);

src.addEventListener(
  "touchend",
  (e) => {
    let deltaX;
    let deltaY;

    // Compute the change in X and Y coordinates.
    // The first touch point in the changedTouches
    // list is the touch point that was just removed from the surface.
    deltaX = e.changedTouches[0].clientX - clientX;
    deltaY = e.changedTouches[0].clientY - clientY;

    // Process the data…
  },
  false,
);