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

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

和jQuery使其变得简单：

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

---

使用onmousemove、onmouseover和onmouseout事件…
onmousemove-指针在元素上方移动时发生事件
onmouseover-指针移动到元素上时发生事件

---

onmouseout-当用户将鼠标指针移出元素时，会发生此事件，因为您可以使用

jQuery

。

mouseover

和

mouseout

事件会起作用，但我建议您改用and事件，因为如果

mouseover

和

mouseout

元素有子元素，则事件可能会多次触发

$("#my-element")
    .mousenter(function(){
        console.log('enter');
    })
    .mouseleave(function(){
        console.log('leave');
    });

但是，如果您不想使用

jQuery

，可以使用vanillaJS

document.getElementById('my-element').addEventListener('mouseover' function (e) {
    console.log('over');
});

---

当鼠标移到元素上时，是否要调用java脚本的某些函数？最好是独立于浏览器的javascript函数。