Touch: pageY-Eigenschaft
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Die schreibgeschützte Eigenschaft Touch.pageY
gibt die Y-Koordinate des Berührungspunkts relativ zur Ansicht zurück, einschließlich eines möglichen Scroll-Versatzes.
Wert
Ein double
Gleitkommawert, der die Y-Koordinate des Berührungspunkts relativ zur Ansicht darstellt, einschließlich eines möglichen Scroll-Versatzes.
Beispiele
Dieses Beispiel zeigt, wie Sie auf die Eigenschaften Touch.pageX
und Touch.pageY
des Touch
-Objekts zugreifen können. Die Eigenschaft Touch.pageX
ist die horizontale Koordinate eines Berührungspunkts relativ zur Ansicht (in CSS-Pixeln), einschließlich eines möglichen Scroll-Versatzes. Die Eigenschaft Touch.pageY
ist die vertikale Koordinate eines Berührungspunkts relativ zur Ansicht (in CSS-Pixeln), einschließlich eines möglichen Scroll-Versatzes.
Im folgenden einfachen Code-Schnipsel nehmen wir an, dass der Benutzer einen oder mehrere Berührungspunkte auf dem source
-Element initiiert, die Berührungspunkte bewegt und dann alle Kontakte zur Oberfläche loslässt. Wenn der touchmove
-Ereignishandler aufgerufen wird, werden die Touch.pageX
- und Touch.pageY
-Koordinaten jedes Berührungspunkts über die TouchEvent.changedTouches
-Liste 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}`);
}
},
false,
);
Spezifikationen
Specification |
---|
Touch Events # dom-touch-pagey |
Browser-Kompatibilität
BCD tables only load in the browser