Wie aktualisiere ich meine Koordinaten, anstatt dass sie sich überschneiden?

Question

Ich habe ein Programm, das die Koordinaten der Position meiner Maus auf einer bestimmten Leinwand schreibt. Das Problem, das ich habe, ist, dass es sie nicht aktualisiert, sondern nur überlappt, jedes Mal wenn ich meine Maus bewege. Ich bin mir nicht sicher, wie diese Gedanken nach langen Zeiten zu beheben ...

/* This program displays the x and y 
* coordinates in a label on the screen 
* and updates when the mouse moves */ 

var text; 

function start(){ 
    mouseMoveMethod(coords); 
} 

function coords(e){ 
    var text = new Text(e.getX() + ", " + e.getY() , "30pt Arial"); 
    text.setPosition(0,30); 
    add(text); 
    text.setText(e.getX() + ", " + e.getY()); 
} 

Answer 1

Jedes Mal, wenn Sie coords nennen, es schafft einen neuen Text und überlagert sie auf alle anderen.
Sie möchten etwas wiederverwenden und aktualisieren.

Versuchen Sie stattdessen (konkretisiert in geeigneter Weise):

<div id=coordsdiv style="position:absolute;left:0;top: 30"> </div> 

<script> 
function coords(e) 
{c = document.getElementById("coordsdiv"); 
c.innerHTML = "(" + e.getX() + ", " + e.getY() + ")"; 
} 
</script>