JavaScript setTimeout() не может сам инициировать

Question

Как функция, которая запускается другой функцией, получает положение мыши? Вот мой код:

function myFunction(e){ 
    setTimeout(function(){ 
     if(isMouseDown == true){ 
      mouseX = e.clientX; 
      mouseY = e.clientY; 
      document.getElementById('myElement').innerHTML = mouseX + ' , ' + mouseY; 
      myFunction(event); 
     } else {} 
    }, 100); 
} 

Это делается для отображения координат при нажатии. Мне нужно отображать их каждые 100 мс, если isMouseDown == true.

Благодаря

Answer 1

Там нет никакого способа в Javascript для случайной функции Javascript, чтобы получить позицию мыши. Текущая позиция мыши появляется только из объекта события для события, связанного с мышью. Итак, если вы хотите отслеживать положение мыши, вы можете зарегистрировать обработчик событий для события mousemove и для mousedown и mouseup, чтобы отслеживать состояние кнопки.

Если вы хотите отобразить положение мыши, когда-либо 100 мс, вы можете установить таймер так, чтобы он отображался только часто, но вам нужно будет отслеживать текущую позицию мыши в обработчике события mousemove.

Вот простой пример кода:

var lastMouseX = 0, lastMouseY = 0; 
 
document.addEventListener("mousemove", function(e) { 
 
    lastMouseX = e.clientX; 
 
    lastMouseY = e.clientY; 
 
}); 
 

 
var mouseTimer; 
 
document.addEventListener("mousedown", function() { 
 
    if (!mouseTimer) { 
 
     mouseTimer = setInterval(function() { 
 
      document.getElementById("x").innerHTML = lastMouseX; 
 
      document.getElementById("y").innerHTML = lastMouseY; 
 
     }, 100); 
 
    } 
 
}); 
 

 
document.addEventListener("mouseup", function() { 
 
    clearInterval(mouseTimer); 
 
    mouseTimer = null; 
 
});

<div id="x"></div> 
 
<div id="y"></div>

Answer 2

Это немного нечеткая, что вы пытаетесь достичь, однако вы не собираетесь, чтобы получить периодическое событие, если вы используете setTimeout(). Похоже, вы ищете setInterval(). Смотрите пример ниже:

var mouseX = 0; 
 
    var mouseY = 0; 
 
    var isMouseDown = true; 
 
    document.onmousemove = function(e){ 
 
    mouseX = e.pageX; 
 
    mouseY = e.pageY; 
 
    } 
 
    setInterval("myFunction()", 100); 
 
    
 
    function myFunction(){ 
 
    if(isMouseDown) { 
 
     document.getElementById('myElement').innerHTML = mouseX + ' , ' + mouseY; 
 
    } 
 
    }

<div id="myElement"></div>