Touch: screenX-Eigenschaft

Gibt die X-Koordinate des Berührungspunkts relativ zum Bildschirm zurück, ohne jeglichen Bildlaufversatz einzuschließen.

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