在Javascript中如何触发mousemove?

在Javascript中如何触发mousemove?,javascript,jquery,mouseevent,mousemove,Javascript,Jquery,Mouseevent,Mousemove,我有一个对象可以在每个鼠标移动上打印鼠标的x和y位置 是这样的: $('#canvas').mousemove(function(e){ $('#output').prepend(e.pageX + ',' + e.pageY); }); 我注意到当你在物体上快速移动时,它只打印出几个位置 我并不是很不高兴它会这样做(因为让它为你所跨越的数百个像素做一些事情是非常详尽的),但我想知道它是如何工作的 mousemove事件是否限制为每秒一定数量的触发器,或者是什么 (顺便说一句:这是在U

我有一个对象可以在每个鼠标移动上打印鼠标的x和y位置

是这样的:

$('#canvas').mousemove(function(e){
    $('#output').prepend(e.pageX + ',' + e.pageY);
});
我注意到当你在物体上快速移动时,它只打印出几个位置

我并不是很不高兴它会这样做(因为让它为你所跨越的数百个像素做一些事情是非常详尽的),但我想知道它是如何工作的

mousemove事件是否限制为每秒一定数量的触发器,或者是什么


(顺便说一句:这是在Ubuntu Linux的Chromium上测试的)

我认为它是同步的。它不会为移动鼠标的每个像素触发,这意味着事件不会排队

如果你有这样的代码

$('#canvas').mousemove(function(e){
//Some code which takes seconds to execute 
//All subsequent events won't be dispatched while this event handler is executing. 
});
假设在执行鼠标移动事件处理程序时移动鼠标。不会触发
mousemove
处理程序

下面是处理程序的一个示例,它需要几秒钟才能执行。-->


而且只需要很少的时间-->

您可能想看看这个,因为它可能依赖于浏览器

,但是,如果你看看这个问题,有一个关于如何获得更好的回答的建议


我认为这取决于所使用的浏览器和计算机;更多内存/更快的cpu可能===每次
x
的迭代次数更多。既然如此,我就不会过分依赖于
mousemove