只要mousedown，jQuery就可以获得（改变）鼠标位置

Question

我需要一种方法，只要鼠标向下并且任何鼠标位置发生变化，就会给出鼠标x和y位置。

为获取鼠标位置，我使用此功能：

var mouseIsDown = function(e) {
  xPosition = e.clientX;
  yPosition = e.clientY;
  console.log(xPosition + ' ' + yPosition);
}

每次按下时都可以使用该位置。但是我需要它继续，所以我做了一个间隔函数：

$(function() {
   var timeout;
   $('#canvas').on('mousedown', function(e){
       mouseIsDown(e);
       timeout = setInterval(function(){mouseIsDown(e);}, 100);
   });
   $('#canvas').on('mouseup', function(){
       clearInterval(timeout);
   });
});

所以只要我每100毫秒按下鼠标，这就会让我的鼠标向下。不，我需要添加鼠标位置更改或像我一样的间隔，但每次新的x和y位置而不是每次相同。仍然在java jquery上练习并且无法弄明白。

链接在线： http://i333180.iris.fhict.nl/test/index.html - ＆gt; canavas上的console.log PS。在线注意到窗口大小并不总是正确的（正在处理）