Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is mousemove event fire once in per frame?

In this fiddle demo, press and move the mouse will draw the dot according to the mouse's position. The draw method is listen to mousemove callback, but it draw the discrete dot which show that the mousemove event is not fired continuously.

What is more, I collect the event.timeStamp and log in console. I found that the offset between adjacent event is near 16.7ms. So is mousemove event fire once in per frame?

like image 1000
joe_fe Avatar asked Jul 04 '17 06:07

joe_fe


Video Answer


1 Answers

The mousemove event frequency is implementation specific, and not defined by any specification.

A user agent MUST dispatch this event when a pointing device is moved while it is over an element. The frequency rate of events while the pointing device is moved is implementation-, device-, and platform-specific, but multiple consecutive mousemove events SHOULD be fired for sustained pointer-device movement, rather than a single event for each instance of mouse movement. Implementations are encouraged to determine the optimal frequency rate to balance responsiveness with performance.

-- UI Events, W3C Working Draft, 04 August 2016

It's entirely possible some browsers on some platforms will limit it to once per-frame. There is no guarantee any browser that may do this will continue to do so however.

If you want to draw a continuous line, you would need to create interpolation data between each two points.

like image 189
Alexander O'Mara Avatar answered Sep 28 '22 22:09

Alexander O'Mara