jQuery mousemove() 方法

jQuery 事件

mousemove()方法觸發(fā)mousemove事件，或附加一個函數(shù)以在發(fā)生mousemove事件時運行。

當鼠標指針移到所選元素上時，將發(fā)生mousemove事件。

您可能會認為mousemove，mouseenter和mouseover事件是相同的，但它們不是：

• mouseenter-僅在鼠標指針進入元素時調用

• mousemove-當鼠標指針移到元素上時調用

• mouseover-當鼠標指針進入元素及其子元素時調用（請參見下面的示例）

語法：

觸發(fā)選定元素的mousemove事件：

$(selector).mousemove()

將函數(shù)附加到mousemove事件：

$(selector).mousemove(function)

示例

當mousemove事件觸發(fā)時顯示隨機數(shù)：

$("div").mousemove(function(){
  $(this).text(Math.random());
});

獲取鼠標指針在頁面中的位置：

$(document).mousemove(function(event){ 
  $("#output").text("pageX: " + event.pageX + ", pageY: " + event.pageY);
});

當mousemove事件觸發(fā)時更改背景顏色：

$("div").mousemove(function(){
  $(this).css("background", randColor());
});

// 生成隨機顏色函數(shù)
function randColor() {
  return 'rgb(' + Math.floor(Math.random()*256) + ',' + Math.floor(Math.random()*256) + 
  ',' + Math.floor(Math.random()*256) + ')';
}

此示例演示mousemove，mouseenter和mouseover之間的區(qū)別：

參數(shù)值

jQuery 事件