如何在HTML中找到鼠標的座標

-3

我需要在HTML頁面上的特定座標處放置一個img（image1.png）。點擊時如何找到鼠標的座標？有人可以寫一個JavaScript（無JQuery）函數來查找鼠標的x和y座標嗎？如何在HTML中找到鼠標的座標

注意：這應該是HTML頁面上的鼠標座標，而不是屏幕。

2014-12-02 TessellatingPi

*」有人可以寫[...]嗎？「*不，它不會那樣工作。以下是它的工作方式：1）你做你的研究; 2）你寫你的代碼; 3）如果你被困在某個地方，你會顯示你到目前爲止所尋求的幫助。 – 2014-12-02 04:58:18

您不「查找」鼠標的座標，click事件對象具有告訴你它們是什麼的屬性。 – nnnnnn 2014-12-02 05:09:06

如果您捕捉[*鼠標事件*]（http://www.w3.org/TR/DOM-Level-3-Events/#events-mouseevents）（比如使用[*事件偵聽器*]（http： //www.w3.org/TR/DOM-Level-2-Events/events.html#Events-registration）），它具有關聯* clientX *，* clientY *和* screenX *和* screenY *值。使用適合你的目的的任何東西。 – RobG 2014-12-02 05:10:29

試試這個：

function getMouseCoordinates(event) { 
var x, y; 

x = event.clientX + document.body.scrollLeft + document.documentElement.scrollLeft; 
y = event.clientY + document.body.scrollTop + document.documentElement.scrollTop + 1; 

return [x,y]; 
}

來源

2014-12-02 05:12:29 ArinCool

嘗試讀取MouseEvent clientX Property這是你需要什麼樣的解釋。

輸出的鼠標指針的座標，當鼠標按鈕被點擊的元件上：

var x = event.clientX;  // Get the horizontal coordinate 
var y = event.clientY;  // Get the vertical coordinate 
var coor = "X coords: " + x + ", Y coords: " + y;

COOR的結果可以是： X座標：142，Y座標：99

來源

2014-12-02 05:33:44 user3819756

如何在HTML中找到鼠標的座標

回答

相關問題