如何使用JavaScript獲取鼠標位置？

我想要得到鼠標x和y通過JavaScript協調。我試過pageX,pageY,clientX,clientY，但沒有顯示任何內容。我已經在IE和Firefox上測試過了。如何使用JavaScript獲取鼠標位置？

在以下事件中，我在做錯了什麼嗎？

var x=0; 
var y=0; 
function mouseDown(){ 
    alert("This is displayed"); 
    evt=event||window.event; 
    alert(evt.clientX); 
     alert(evt.clientY); 
      alert(evt.pageX); 
       alert(evt.pagey); 
    alert("Flow doesn't reach here...");    
}

來源

2010-08-12 Suraj Air

有趣的是，在代碼中的字符串中使用正確的英文，但在互聯網上尋求幫助時，縮短了每個長度超過3個字母的單詞。 – 2010-08-12 09:44:18

是 - 您還需要將函數掛接爲事件處理函數。

你的事件應採取的事件參數：

function mouseDown(event) {

然後你需要告訴瀏覽器當事件發生時調用你的函數：

document.onmousedown = mouseDown;

來源

2010-08-12 09:41:43 sje397

使用jQuery，here是一個很好的示例如何實現它。

來源

2010-08-12 09:43:48

不，我不會wnt 2使用jquery .... 我可以做到這一點在jQuery我wnt做到這一點與JavaScript .... – 2010-08-12 09:46:19

srsly？ mst b md – 2010-08-12 09:59:26

iz fanny youz tink jq iz nut java。 – zaf 2010-08-12 10:10:58

這不起作用，因爲你沒有聽任何事件。發生鼠標事件時，您需要傳遞此函數。嘗試我的代碼下面..獲取位置點擊

function getPos(evt) { 
evt = event || window.event; 
return {x:evt.clientX,y:evt.clientY}; 
}

現在你可以在這樣的事件監聽器內調用這個函數。

addEventListener('click' , function(event) { 
    var mousex = getPos(event).x; 
    Var mousex = getPos(event).y; 

    alert(mousex);alert(mousey); 
});

來源

2016-11-21 15:26:46

如何使用JavaScript獲取鼠標位置？

回答

相關問題