再次：单击移动图像后获取鼠标坐标答案

【问题标题】：Yet again: getting mouse coordinates after click on an image for mobile再次：单击移动图像后获取鼠标坐标
【发布时间】：2015-11-06 16:01:26
【问题描述】：

在某个点上单击图像后，我想获取该点相对于图像左上角的 x 和 y 坐标。

在谷歌搜索和 stackoverflow 之后，我找到了 jquery 的解决方案。

<html>
<script type="text/javascript" src="jquery.js"></script>
<body>
<!-- WEBSITE CONTENT -->
<img src="image.jpg" id="test">
<script>
$(document).ready(function() {
    $('#test').click(function(e) {
               var offset = $('#test').offset();
               var x=e.pageX - offset.left;
               var y=e.pageY - offset.top;
               alert(x+' '+y);
    });
});
</script>
</body>
</html>

好吧，这段代码似乎在非移动设备上运行良好，但在一些移动设备上存在问题，因为它没有返回正确的坐标（至少 pageY）。另一方面，即使是其他解决方案（基于 screenX/Y 的使用）在移动设备上似乎也存在问题。

所以，我想知道：

1) 有人知道适用于移动设备的强大解决方案吗？或者，

2) 有人知道一种解决方法，至少可以检测移动设备是否无法正确解释上述代码？

【问题讨论】：

标签： javascript android jquery jquery-mobile mobile

【解决方案1】：

可能页面已缩放。在 Windows 中，它返回 (2,2)，可能在移动设备上返回 (1,1)。

【讨论】：

也许吧。在这种情况下，您是否知道某个变量中的“页面缩放比例（相对于标准/初始定位）”是否已知/可访问？
我只知道人们可以在 Android Webview 中获得规模。或者您可以尝试获取页面宽度。
很好的提示我正在尝试。谢谢