Touch: screenX-Eigenschaft

Wert

Eine Zahl.

Beispiele

Dieses Beispiel zeigt, wie Sie auf die Touch-Eigenschaft Touch.screenX und Touch.screenY des Touch-Objekts zugreifen können. Die Touch.screenX-Eigenschaft ist die horizontale (x) Koordinate eines Berührungspunkts relativ zum Bildschirm in CSS-Pixeln. Die Touch.screenY Eigenschaft ist die vertikale Koordinate eines Berührungspunkts relativ zum Bildschirm in CSS-Pixeln.

Im folgenden einfachen Code-Snippet nehmen wir an, dass der Benutzer mehrere Berührungskontakte auf einem Element mit einer ID von source initiiert und dann die Kontakte mit der Oberfläche löst. Wenn der touchstart-Ereignishandler aufgerufen wird, werden die Touch.screenX- und Touch.screenY-Koordinaten jedes Berührungspunkts abgerufen.

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

Spezifikationen

Browser-Kompatibilität