javascript - 如何在移动设备/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

在元素上使用 jQuery 的.on函数绑定事件处理程序时遇到了类似的问题canvas（不知道原因）。

我通过使用绑定事件处理程序解决了它addEventListener。处理程序中的event对象具有使用适当值定义的 offsetX 和 offsetY。

希望能帮助到你...