Touch: pageY-Eigenschaft

Wert

Ein double Gleitkommawert, der die Y-Koordinate des Berührungspunkts relativ zum Viewport darstellt, einschließlich jeglichem Bildlaufversatz.

Beispiele

Dieses Beispiel veranschaulicht, wie auf die Touch-Objekteigenschaften Touch.pageX und Touch.pageY zugegriffen wird. Die Touch.pageX-Eigenschaft ist die horizontale Koordinate eines Berührungspunkts relativ zum Viewport (in CSS-Pixeln), einschließlich jeglichem Bildlaufversatz. Die Touch.pageY-Eigenschaft ist die vertikale Koordinate eines Berührungspunkts relativ zum Viewport (in CSS-Pixeln), einschließlich jeglichem Bildlaufversatz.

Im folgenden einfachen Codebeispiel nehmen wir an, dass der Benutzer einen oder mehrere Berührungskontakte auf dem source-Element initiiert, die Berührungspunkte bewegt und dann alle Kontakte mit der Oberfläche löst. Wenn der touchmove-Ereignishandler aufgerufen wird, werden die Touch.pageX- und Touch.pageY-Koordinaten jedes Berührungspunkts über die TouchEvent.changedTouches-Liste des Ereignisses abgerufen.

// 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}`);
  }
});

Spezifikationen

Browser-Kompatibilität