Ich habe versucht, ein Javascript zu erstellen, um die X- und Y-Koordinaten eines div -Elements zu erhalten. Nach einigem Herumprobieren sind mir einige Zahlen aufgefallen, aber ich bin mir nicht sicher, wie ich den genauen Ort von ihnen überprüfen kann (das Skript gibt das X als 168 und Y als 258 zurück). Ich führe das Skript mit einer Bildschirmauflösung von 1280 aus x 800. Dies ist das Skript, das ich verwende, um dieses Ergebnis zu erhalten:
Jetzt ist die Frage. Wäre es vernünftig anzunehmen, dass dies genaue Koordinaten sind, die von der Funktion zurückgegeben werden, oder ist es einfach, einfach etwas an diesem Ort zu erzeugen, um zu sehen, was genau es ist?
Und schließlich, wie würde ich dieses div -Element bewegen? Ich weiß, dass ich einen mousedown -Ereignishandler und eine Weile verwenden sollte, um das Element weiter zu bewegen, aber ja, alle Tipps / Hinweise werden sehr geschätzt, meine größte Sorge ist, wie diese while-Schleife ausgeführt wird.
Die einfachste Möglichkeit, die absolute Bildschirmposition eines Elements zu erhalten, ist getBoundingClientRect .
Beachten Sie jedoch, dass die Koordinaten den Dokument-Scroll-Offset nicht enthalten.
Gegeben das Element ...
%Vor%Wenn sich das Element im Hauptdokument befindet, können Sie die Koordinaten des DIV mit ...
abrufen %Vor%Wenn sich das Element in einem iframe befindet, können Sie die Koordinaten des DIV mit ...
abrufen %Vor%Hinweis: Die zurückgegebenen Werte sollten im Format "190px" und "350px" sein.
Tags und Links javascript drag-and-drop