2015-11-06 136 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