jQuery pageX / pageY在不同的设备上返回不同的值

Question

所以我使用以下代码从各种来源收集，试图计算出点击图像的坐标：

var naturalWidth = 690;
var x = 0;
var y = 0;

var img = $('.imageToWin');
ratio = naturalWidth / img.width();
x = parseInt((event.pageX - img.offset().left) * ratio);
y = parseInt((event.pageY - img.offset().top) * ratio);

然而，当在不同设备（例如笔记本电脑，平板电脑，手机等）上点击相同点时，实际坐标会发生变化。我确实读过有关将其更改为使用百分比的某处，但是当我尝试按图像高度/宽度划分时，它无效。

感谢。

Answer 1

所以我最后自己想到了这一点！我决定使用iframe将图像放入页面并处理新页面上的定位，以通过jQuery计算出坐标的位置。这适用于平板电脑，手机，笔记本电脑和台式机等。