如何在手機/iPad 上獲取 e.offsetX

Question

當我在 iPad 上嘗試時，e.touches[0] 中沒有 offsetX。 有誰知道我在哪里可以得到這個 offsetX 的值？

Answer 1

基於建議答案中評論的正確答案：

e.offsetX = e.touches[0].pageX - e.touches[0].target.offsetLeft;     
e.offsetY = e.touches[0].pageY - e.touches[0].target.offsetTop;

這會忽略任何變換，例如旋轉或縮放。 另外一定要檢查是否有任何觸摸。

Answer 2

您可以使用 clientX 或 pageX，請參見此處

Answer 3

謝謝，@Kontiki - 這是最終為我解決問題的解決方案：

if("touchmove" == e.type)
{

    let r = canvas.getBoundingClientRect();
    currX = e.touches[0].clientX - r.left;
    currY = e.touches[0].clientY - r.top;
}
else
{
    currX = e.offsetX;
    currY = e.offsetY;
}

Answer 4

頁面偏移量/客戶端方法對我不起作用。 仍然存在抵消。 我發現了另一個完美的解決方案：

let r = canvas.getBoundingClientRect();

let x = e.touches[0].pageX - r.left;
let y = e.touches[0].pageY - r.top;

Answer 5

在canvas元素上使用 jQuery 的.on函數綁定事件處理程序時遇到類似問題（不知道原因）。

我通過使用addEventListener綁定事件處理程序來解決它。 處理程序中的event對象具有使用適當值定義的 offsetX 和 offsetY。

希望能幫助到你...