将鼠标悬停在元素上并移动时继续调用函数

Keep calling a function while hovering AND moving over an element

我想在鼠标悬停在元素上时检测何时移动。

我看过this的答案,它使用了一个间隔,但不一样。无论鼠标是否移动,间隔都会继续调用该函数。如果在 div.

上方移动鼠标,我只想调用该函数

例如,我显然可以添加鼠标悬停事件处理程序:

document.getElementById.addEventListener("mouseover", function( event ) {})

但这只调用了一次函数。与 hover 事件处理程序相同。

如何在悬停和移动时继续调用该函数,然后在不再悬停(例如模糊)时停止调用该函数?

您所描述的是您解决方案的一部分。您可以在触发鼠标悬停事件时触发间隔。该间隔将触发您的功能。

然后您可以将 mouseout 事件添加到同一元素并停止间隔。这将停止触发该功能。

让我知道这是否适合您!

mousemove个事件。来自文档:当指针设备(通常是鼠标)移动而光标的热点位于其中时,将在元素上触发 mousemove 事件。

onmousemove 活动会成功吗?它会在鼠标移动时调用该函数。

MDN doc