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

Question

Я хочу получить координаты мыши x и y через JavaScript.Я пробовал pageX , pageY , 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 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);
});

Answer 2

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

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

function mouseDown(event) {

И затем вам нужно сообщить браузеру, чтобы он вызывал вашу функцию при возникновении события:

document.onmousedown = mouseDown;

Answer 3

Используйте JQuery, здесь - хороший пример того, как его реализовать.