2015-11-06 174 views
0

点击某个点上的图像后,我想获得该点左上角的该点的x和y坐标。又一次:点击移动图像后获取鼠标坐标

谷歌搜索和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)有人知道解决方法,至少检测移动设备是否没有正确解释上述代码?

回答

0

可能页面缩放。当在窗口中,它返回(2,2)也许在移动它返回(1,1)。

+0

也许吧。在这种情况下,您是否知道某个变量中是否已知/可访问“页面缩放比例(相对于标准/初始定位)”? – user52227

+0

我只知道人们可以在Android Webview中获得te scale。或者你可以尝试获取页面的宽度。 –

+0

好提示我正在尝试。谢谢 – user52227