javascript - 当鼠标停止或改变方向时获取鼠标坐标

Question

我用简单的代码获取鼠标位置:

$("#container").mousemove( function(e) {

    client_x = e.pageX;
    client_y = e.pageY;

        // save coordinates

});

但我只需要开始和停止坐标+鼠标改变方向时的坐标，这样我就可以“复制”鼠标移动。

我想我需要某种计时器来查看鼠标是否停止一段时间？

Answer 1

var timer, timer2 = 0, client_x, client_y; //I made them global since it's easier
$("#container").mousemove( function(e) {
  clearTimeout(timer);
  client_x = e.pageX;
  client_y = e.pageY;
  if((new Date()).getTime() > timer2 + 2000) {
    timer2 = (new Date()).getTime(); //just in case this event handler gets called again before the timer runs doCopy
    setTimeout(doCopy, 1); //run "outside" the event handler (since it's not good for an event handler to take a long time
  } else {
    timer = setTimeout(doCopy, 1000);
  }
});

function doCopy() {
  timer2 = (new Date()).getTime();
  .....
}

这是不断设置和清除计时器。如果鼠标停止 1 秒，doCopy() 函数就会被触发。