Método jQuery mousemove()

Eventos de jQuery

El método mousemove() desencadena el evento mousemove, o adjuntar una función para ejecutarla cuando se desencadene el evento mousemove.

Se desencadenará el evento mousemove cuando el puntero del ratón se mueva sobre el elemento seleccionado.

Puede que crea que mousemove,mouseenterymouseoverLos eventos son los mismos, pero no son:

• mouseenter-Llamar solo cuando el puntero del ratón entre en el elemento

• mousemove-Llamar cuando el puntero del ratón se mueva sobre el elemento

• mouseover-Llamar cuando el puntero del ratón entre en el elemento y sus elementos hijos (véase el ejemplo a continuación)

Sintaxis:

Desencadenar el evento mousemove del elemento seleccionado:

$(selector).mousemove()

Adjuntar la función al evento mousemove:

$(selector).mousemove(function)

Ejemplo

Mostrar un número aleatorio cuando se desencadena el evento mousemove:

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

Obtener la posición del puntero del ratón en la página:

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

Cambiar el color de fondo cuando se desencadena el evento mousemove:

$("div").mousemove(function(){
　　$(this).css("background",　randColor());
});
//　Función de generación de colores aleatorios
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Este ejemplo muestra la diferencia entre mousemove, mouseenter y mouseover:

Valor del parámetro

Eventos de jQuery