Javascript 在鼠标状态为“保持”时调用 function

Question

I am creating a javascript canvas background and I want items on the screen to move only when I am holding down my mouse button (anywhere on the screen).

window.addEventListener('mousedown',function(e) {
       console.log("mousedown");
})

This is the code I have now. How can I a function be called while I am holding down the mouse button, and not just on-click?

Thanks a lot.

Answer 1

window.addEventListener('mousedown',function(e) {
       holding = 1;
})


window.addEventListener('mouseup',function(e) {
       holding = 0;
})

If you use this, you can later check for if the variable of 'holding' is a 1 or a 0 as a conditional for a loop and have your function be running while holding == 1

Answer 2

I believe it is an option for your question:

window.addEventListener('mousedown', function (e) {
   console.log("mousedown");
   //function to start animation
   window.addEventListener('mouseup', function (e) {
      console.log("mouseup");
      //function to end animation
   })
})

In this way the mouseup listener would be created only when its animation is started.