将鼠标悬停在元素上并移动时继续调用函数
Keep calling a function while hovering AND moving over an element
我想在鼠标悬停在元素上时检测何时移动。
我看过this的答案,它使用了一个间隔,但不一样。无论鼠标是否移动,间隔都会继续调用该函数。如果在 div.
上方移动鼠标,我只想调用该函数
例如,我显然可以添加鼠标悬停事件处理程序:
document.getElementById.addEventListener("mouseover", function( event ) {})
但这只调用了一次函数。与 hover
事件处理程序相同。
如何在悬停和移动时继续调用该函数,然后在不再悬停(例如模糊)时停止调用该函数?
您所描述的是您解决方案的一部分。您可以在触发鼠标悬停事件时触发间隔。该间隔将触发您的功能。
然后您可以将 mouseout 事件添加到同一元素并停止间隔。这将停止触发该功能。
让我知道这是否适合您!
有mousemove个事件。来自文档:当指针设备(通常是鼠标)移动而光标的热点位于其中时,将在元素上触发 mousemove 事件。
onmousemove
活动会成功吗?它会在鼠标移动时调用该函数。
我想在鼠标悬停在元素上时检测何时移动。
我看过this的答案,它使用了一个间隔,但不一样。无论鼠标是否移动,间隔都会继续调用该函数。如果在 div.
上方移动鼠标,我只想调用该函数例如,我显然可以添加鼠标悬停事件处理程序:
document.getElementById.addEventListener("mouseover", function( event ) {})
但这只调用了一次函数。与 hover
事件处理程序相同。
如何在悬停和移动时继续调用该函数,然后在不再悬停(例如模糊)时停止调用该函数?
您所描述的是您解决方案的一部分。您可以在触发鼠标悬停事件时触发间隔。该间隔将触发您的功能。
然后您可以将 mouseout 事件添加到同一元素并停止间隔。这将停止触发该功能。
让我知道这是否适合您!
有mousemove个事件。来自文档:当指针设备(通常是鼠标)移动而光标的热点位于其中时,将在元素上触发 mousemove 事件。
onmousemove
活动会成功吗?它会在鼠标移动时调用该函数。