javascript中的鼠标指针实时

Mouse pointer realtime in javascript

本文关键字：实时 鼠标指针 javascript      更新时间：2023-09-26

我正在尝试创建一个能够一致显示鼠标位置的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

将最后一行更改为

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

只需删除"+="即可。这应该有效：

   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中的唯一数据。

相关文章：