Touch: screenX-Eigenschaft

Eine Zahl.

Dieses Beispiel zeigt, wie auf die Touch.screenX- und Touch.screenY-Eigenschaften des Touch-Objekts zugegriffen wird. 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 Codeausschnitt gehen wir davon aus, dass der Benutzer mehrere Berührungskontakte auf einem Element mit der ID source initiiert und dann die Kontakte mit der Oberfläche loslässt. 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}`);
    }
  },
  false,
);