Método mousemove() do jQuery

Eventos do jQuery

O método mousemove() aciona o evento mousemove, ou anexar uma função para ser executada ao ocorrer o evento mousemove.

Ocorre o evento mousemove ao mover o ponteiro do mouse sobre o elemento selecionado.

Pode pensar que mousemove,mouseenteremouseoverOs eventos são os mesmos, mas não são:

• mouseenter-Chama apenas ao entrar no elemento

• mousemove-Chama ao mover o ponteiro do mouse sobre o elemento

• mouseover-Chama ao entrar no elemento e em seus elementos filhos (veja os exemplos abaixo)

Sintaxe:

Acionar o evento mousemove do elemento selecionado:

$.mousemove()

Anexar a função ao evento mousemove:

$.mousemove(function)

Exemplo

Exibir um número aleatório ao acionar o evento mousemove:

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

Obter a posioção do ponteiro do mouse na página:

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

Mudar a cor de fundo ao ser acionado o evento mousemove:

$("div").mousemove(function(){
　　$(this).css("background",　randColor());
});
//　Função de Geração de Cor Aleatória
function　randColor()　{
　　return　'rgb('　+　Math.floor(Math.random()*256)　+　','　+　Math.floor(Math.random()*256)　+　
　　','　+　Math.floor(Math.random()*256)　+　')';
}

Este exemplo demonstra a diferença entre mousemove, mouseenter e mouseover:

Valor do Parâmetro

Eventos do jQuery