jQuery mousemove() 方法

jQuery 事件

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

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

您可能會(huì)認(rèn)為mousemove，mouseenter和mouseover事件是相同的，但它們不是：

• mouseenter-僅在鼠標(biāo)指針進(jìn)入元素時(shí)調(diào)用

• mousemove-當(dāng)鼠標(biāo)指針移到元素上時(shí)調(diào)用

• mouseover-當(dāng)鼠標(biāo)指針進(jìn)入元素及其子元素時(shí)調(diào)用（請(qǐng)參見下面的示例）

語(yǔ)法：

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

$(selector).mousemove()

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

$(selector).mousemove(function)

示例

當(dāng)mousemove事件觸發(fā)時(shí)顯示隨機(jī)數(shù)：

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

獲取鼠標(biāo)指針在頁(yè)面中的位置：

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

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

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

// 生成隨機(jī)顏色函數(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 事件