Touch：screenX 屬性
返回觸控點相對於螢幕的 X 座標，不包括任何滾動偏移。
值
一個數字。
示例
此示例說明如何訪問 Touch 物件的 Touch.screenX 和 Touch.screenY 屬性。Touch.screenX 屬性是觸控點相對於螢幕的水平 (x) 座標（以 CSS 畫素為單位）。Touch.screenY 屬性是觸控點相對於螢幕的垂直座標（以 CSS 畫素為單位）。
在下面的簡單程式碼片段中，我們假設使用者在 ID 為 source 的元素上發起多次觸控接觸，然後釋放接觸。當 touchstart 事件處理程式被呼叫時，會訪問每個觸控點的 Touch.screenX 和 Touch.screenY 座標。
js
// 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}`);
}
});
規範
| 規範 |
|---|
| 觸控事件 # dom-touch-screenx |
瀏覽器相容性
載入中…