Указатель мыши в реальном времени в javascript

Я пытаюсь создать div, который постоянно показывает положение мыши. Проблема в том, что предыдущая позиция не очищается, и это перегружает страницу. Javascript код выглядит следующим образом:Указатель мыши в реальном времени в 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

источник

2015-03-16 Lombarda Arda

Решение sajad должно работать, просто хотелось указать, что вы можете захотеть наложить какой-то тайм-аут на изменение, потому что событие будет запущено слишком много раз, и это может повлиять на производительность вашей страницы. –

изменить свою последнюю строку

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

источник

2015-03-16 12:17:36

Это работает, спасибо^- ^. –

@ AndoniAlda: пожалуйста, щелкните стрелку слева от моего ответа, чтобы отметить мой ответ, как принято :) приветствую :) –

Мне нужно подождать 6 минут, чтобы принять ваш ответ –

Просто удалите "+ =". Это должно работать:

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.

источник

2015-03-16 12:18:18 OddDev

Указатель мыши в реальном времени в javascript

ответ

Смежные вопросы