如何確定鼠標指針是否跨越javascript中的元素

Question

可以爲元素定義mouseover事件，以便您知道鼠標指針當前位於該元素的某處。如何確定鼠標指針是否離開該元素區域？

Answer 1

考慮到你可以使用jQuery。該mouseover和mouseout事件工作會的工作，但我建議你使用mouseenter和mouseleave事件，而不是，因爲mouseover和mouseout事件可能，如果你的element有子元素觸發多次。

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

但是，如果你不想使用jQuery，你能做到這一點香草JS。

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

Answer 2

Mouseover和mouseout和jQuery很容易：

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

Answer 3

使用的OnMouseMove，的onmouseover和onmouseout事件...
的OnMouseMove - 當鼠標指針移動，而它是在元素上發生的事件
onmouseover - 當指針移動到元素上時發生事件
onmouseout - 當用戶將鼠標指針移出元素時發生此事件