jQuery 鼠標事件

mousedown/mouseup

鼠標在元素上方 按下/松開  事件：

mousedown([[data],fn])  在鼠標指針移動到元素上方，並按下鼠標按鍵，觸發的事件

mouseup([[data],fn])　　在鼠標指針移動到元素上方，松下鼠標按鍵，觸發的事件

mouseleave/mouseenter   

不管鼠標是 穿入/離開 被選元素或其子元素都會觸發事件。該mouseleave(進入)與mouseenter(離開) 事件一起使用。

mouseleave([[data],fn])　　　當鼠標進入被選元素或其子元素都會觸發事件。

mouseenter([[data],fn])  　　當鼠標離開被選元素或其子元素都會觸發事件。　

mouseover/mouseout   

移入/移出   被選元素才被觸發，

mouseover([[data],fn])　　鼠標移入被選元素事件被觸發

mouseout([[data],fn])    鼠標移出被選元素事件被觸發

mousemove

鼠標在元素中移動所觸發的事件，鼠標在元素中的位置

mousemove([[data],fn])   鼠標指針在元素中移動，所觸發的事件

mousemove事件處理函數會被傳遞一個變量——事件對象，其.clientX 和 .clientY 屬性代表鼠標的坐標

坐標從左上角計算

$(document).mousemove(function(e){
  $("span").text(e.pageX + ", " + e.pageY);
});