Wie kann ich Mausposition mit JavaScript bekommen?

Question

Ich möchte die Maus bekommen x und y Koordinaten durch JavaScript. Ich habe versucht, pageX pageY clientX clientY , aber nichts angezeigt. Ich habe dies auf beiden getestet IE und Firefox.

Gibt es etwas, das ich in dem folgenden Fall falsch machen werde?

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

Ja -. Sie auch die Funktion benötigen, um hook up als Event-Handler

Ihre Veranstaltung soll einen Ereignisparameter übernehmen:

function mouseDown(event) {

Und dann müssen Sie den Browser sagen, Ihre Funktion aufzurufen, wenn das Ereignis eintritt:

document.onmousedown = mouseDown;

Answer 2

Es funktioniert nicht, weil Sie nicht für alle Veranstaltungen zu hören sind. Sie müssen diese Funktion zu übergeben, wenn ein Mausereignis auftreten. Versuchen Sie meinen Code unten .. bekommt Position auf Klick

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

Jetzt können Sie nur nennen diese Funktion in einem Ereignis-Listener wie folgt aus.

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

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

Answer 3

Mit JQuery, hier ist ein gutes Beispiel, wie es zu implementieren.