Touch: свойство screenX

Возвращает координату X точки касания относительно экрана, не включая смещение прокрутки.

Число.

Этот пример демонстрирует, как получить доступ к свойствам объекта Touch Touch.screenX и Touch.screenY. Свойство Touch.screenX — это горизонтальная (x) координата точки касания относительно экрана в пикселях CSS. Свойство Touch.screenY — это вертикальная координата точки касания относительно экрана в пикселях CSS.

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

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

src.addEventListener(
  "touchstart",
  (e) => {
    // Iterate through the touch points and log each screenX/Y coordinate.
    // The unit of each coordinate is CSS pixels.
    for (let i = 0; i < e.touches.length; i++) {
      console.log(`touchpoint[${i}].screenX = ${e.touches[i].screenX}`);
      console.log(`touchpoint[${i}].screenY = ${e.touches[i].screenY}`);
    }
  },
  false,
);