當對象跟隨鼠標時，為什么JavaScript會有滯后？

Question

例如，當使用jquery ui draggable（ http://jqueryui.com/draggable/ ）時，對象跟隨鼠標而不是隨鼠標移動。 位置似乎一幀不同。

這是為什么？ 有辦法解決這個問題嗎？

Answer 1

動畫正在追蹤鼠標的運動，因為它必須等待mousemove事件 。

並且，盡管在您移動鼠標指針時觸發事件相當迅速，但在指針實際移動之后事件仍然觸發。 因此，如果框仍在運動，則框的位置始終會更新為指針所在的位置。

（大多數）JavaScript單線程也將限制該事件。 如果引擎忙，包括事件的前一個觸發，則最近的觸發將不得不等待引擎再次變得空轉。

而且，將這些觸發器計為框架 ，jQuery還采用了緩動，因此當存在不規則間隔的框架時，框的位置不會出現奇怪的跳躍。

Answer 2

您可以嘗試構建更有效的功能，但是或多或少取決於瀏覽器和系統。 如果瀏覽器和/或系統運行緩慢，則在拖動或跟隨鼠標時會出現延遲。

您提供的鏈接沒有任何滯后。