Wie man die genaue mouse-down-Koordinate? Warum mein code nicht funktioniert?

Möchte ich Ihnen zeigen, etwas an der Maus nach unten, ich versuchte zu verwenden :

$('#my-graph').mousedown(function(evt){

      //show object at:
      var x= evt.screenX, y=evt.screenY;

      //or show object at:
     var x2=evt.pageX, y2=evt.pageY;

     //code to render object at (x,y) and (x2,y2)
     ......  
});

Aber keine der oben (x, y) und (x2,y2) setzen Sie das gerenderte Objekt auf die Maus geklickt Platz, und zeigen Sie das Objekt in einiger Entfernung von der Maus nach unten, warum?

Ich render das Objekt mit einer position Attribute, die position ist relativ zu den #my-graph div, überlassen die meisten Ecke des div-soll der Nullpunkt(0,0)

Was erwartest du, was die Koordinaten bedeuten? Ich meine, im Verhältnis zu was? Die Seite, die den Bildschirm oder ein element?
Tun Sie das Objekt Rendern mit den korrekten position-Attribute? E. g. position: absolute in Bezug zum Bildschirm?
Ja, ich render die position mit einer position Attribute, maßgeblich mit der #my-graph div, überlassen die meisten Ecke des div sein soll, den neuen Ursprungs-Punkt
welchen browser verwenden Sie?

InformationsquelleAutor Leem.fin | 2011-09-30

5

Scheinen Sie zu wollen offsetX und offsetY: http://jsfiddle.net/f52Gg/.
```
$("div").mousedown(function(e){
    alert(e.offsetX + " " + e.offsetY);
});
```
Ich glaube nicht, dass diese unterstützt in Firefox, verwenden Sie e.layerX und e.layerY statt
Firefox scheint nicht zu unterstützen offsetX, aber WebKit nicht unterstützen layerX. Was auch möglich ist, ist die Subtraktion der offset des Elements, aus pageX.

InformationsquelleAutor pimvdb

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.