Question

我正在尝试创建一个始终显示鼠标位置的div。问题是前一个位置没有被清除，这会使页面过载。 javascript代码如下：

window.onload = function() {document.onmousemove = muestraInformacion2;}
function muestraInformacion2(elEvento) {
var evento = elEvento || window.event;
var coordenadaX = evento.clientX;
var coordenadaY = evento.clientY;
document.getElementById('info').innerHTML +=
 "<br>--------------------------------------<br>" + coordenadaX+", "+coordenadaY

Answer 1

将您的最后一行更改为

document.getElementById('info').innerHTML ="";
document.getElementById('info').innerHTML =
 "<br>--------------------------------------<br>" + coordenadaX+", "+coordenadaY

Answer 2

只需删除＆＃34; + =＆＃34;。这应该有效：

   window.onload = function() {document.onmousemove = muestraInformacion2;}
    function muestraInformacion2(elEvento) {
    var evento = elEvento || window.event;
    var coordenadaX = evento.clientX;
    var coordenadaY = evento.clientY;
    document.getElementById('info').innerHTML ="";
    document.getElementById('info').innerHTML =
     "<br>--------------------------------------<br>" + coordenadaX+", "+coordenadaY

问题在于您不断向页面添加行（给定字符串）。但是你想把它作为innerhtml中唯一的数据。

鼠标指针实时在javascript中

2 个答案: