Question

我有一个程序可以写出鼠标在给定画布上的坐标。我遇到的问题是它不会更新它们，但每次移动鼠标时都只会重叠。经过长时间的思考，我不确定如何解决这个问题......

/* 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

每次调用coords时，它都会创建一个新文本并将其覆盖在所有其他文本上你想重用一些东西并更新它。

试试这个（适当地充实）：

<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>

如何更新坐标而不是重叠坐标？

1 个答案: