Touch: pageY 屬性
Touch.pageY 只讀屬性返回觸控點相對於視口的 Y 座標，包括任何滾動偏移量。
值
一個雙精度浮點值，表示觸控點相對於視口的 Y 座標，包括任何滾動偏移量。
示例
此示例演示如何訪問 Touch 物件的 Touch.pageX 和 Touch.pageY 屬性。Touch.pageX 屬性是觸控點相對於視口的水平座標（以 CSS 畫素為單位），包括任何滾動偏移量。Touch.pageY 屬性是觸控點相對於視口的垂直座標（以 CSS 畫素為單位），包括任何滾動偏移量。
在下面的簡單程式碼片段中，我們假設使用者在 source 元素上發起一個或多個觸控接觸，移動觸控點，然後釋放所有接觸。當 touchmove 事件處理程式被呼叫時，每個觸控點的 Touch.pageX 和 Touch.pageY 座標透過事件的 TouchEvent.changedTouches 列表進行訪問。
js
// 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}`);
}
});
規範
| 規範 |
|---|
| 觸控事件 # dom-touch-pagey |
瀏覽器相容性
載入中…