Как я могу получить положение мыши с помощью JavaScript?

Question

Я хочу получить мышь x и y координирует JavaScript. Я пробовал pageX pageX, страницаY, clientX, clientY, но ничего не отображается. Я тестировал это как в IE, так и в Firefox.

Есть ли что-то, что я делаю неправильно в следующем случае?

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...");    
} 

Answer 1

Да - вам также необходимо подключить функцию в качестве обработчика событий.

Ваше событие должно принимать параметр события:

function mouseDown(event) { 

И тогда вам нужно указать браузеру для вызова функции, когда происходит событие:

document.onmousedown = mouseDown; 

Answer 2

Использование JQuery, here является хорошим пример, как его реализовать.

Answer 3

Это не работает, потому что вы не слушаете какие-либо события. Вы должны передать эту функцию, когда происходят события мыши. Попробуйте мой код ниже .. получает позицию по щелчку

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); 
});