¿Cómo puedo obtener la posición del ratón con JavaScript?

Question

Quiero conseguir ratón x y y coordina a través de JavaScript. He tratado pageX , pageY , clientX , clientY , pero no se muestra nada. He probado esto en IE y Firefox.

¿Hay algo que estoy haciendo mal en el siguiente evento?

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

Sí. - también hay que enganchar la función como un controlador de eventos

Su evento debe tener un parámetro de evento:

function mouseDown(event) {

Y entonces usted necesita para decirle al navegador para llamar a su función cuando se produce el evento:

document.onmousedown = mouseDown;

Answer 2

No está funcionando, ya que no está escuchando para cualquier evento. Tiene que pasar esta función cuando se producen eventos de ratón. Prueba mi código de abajo .. recupera la posición de clic

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

Ahora usted puede simplemente llamar a esta función dentro de un detector de eventos como este.

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

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

Answer 3

El uso de JQuery, aquí es un ejemplo bien cómo ponerlo en práctica.