jQuery mousemove() 方法

Evento di jQuery

mousemove()方法触发mousemove事件，或附加一个函数以在发生mousemove事件时运行。

当鼠标指针移到所选元素上时，将发生mousemove事件。

您可能会认为mousemove，mouseenter和mouseover事件是相同的，但它们不是：

• mouseenter-仅在鼠标指针进入元素时调用

• mousemove-当鼠标指针移到元素上时调用

• mouseover-当鼠标指针进入元素及其子元素时调用（请参见下面的示例）

语法：

触发选定元素的mousemove事件：

$(selector).mousemove()

将函数附加到mousemove事件：

$(selector).mousemove(function)

Esempio

当mousemove事件触发时显示随机数：

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

获取鼠标指针在页面中的位置：

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

Cambia il colore di sfondo quando viene attivato l'evento mousemove:

$("div").mousemove(function(){
　　$(this).css("background", randColor());
});
// Funzione di generazione di colore casuale
function randColor() {
　　return 'rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+',　
　　','+Math.floor(Math.random()*256)+')';
}

Questo esempio dimostra la differenza tra mousemove, mouseenter e mouseover:

Valore del Parametro

Evento di jQuery