如何确定鼠标指针是否越过了javascript中的元素

Question

可以为元素定义鼠标悬停事件，以便您知道鼠标指针当前位于该元素的某个位置。如何确定mousepointer是否离开该元素区域？

Answer 1

Mouseover和mouseout和jQuery让它变得简单：

$("img").mouseover(function(){
   alert('your message');
});

Answer 2

考虑您可以使用jQuery。 mouseover和mouseout事件有效，但我建议您改为使用mouseenter和mouseleave事件，因为mouseover和{{1}如果您的mouseout包含子元素，则可能多次触发。

element

但是，如果你不想使用$("#my-element") .mousenter(function(){ console.log('enter'); }) .mouseleave(function(){ console.log('leave'); }); ，你可以用vanilla JS来做。

jQuery

Answer 3

使用onmousemove，onmouseover和onmouseout事件......
onmousemove - 指针在元素上移动时发生的事件
onmouseover - 当指针移动到元素上时发生事件 onmouseout - 当用户将鼠标指针移出元素时发生事件