Question

点击某个点上的图像后，我希望得到该点的x和y坐标，并且相对于图像的左上角。

在googling和stackoverflowing之后，我用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）有人知道一种解决方法，至少要检测移动设备是否没有正确解释上面的代码？

Answer 1

也许页面是缩放的。当在Windows中，它返回（2,2）可能在移动设备上返回（1,1）。

再次：点击移动图像后获取鼠标坐标

1 个答案: