Método jQuery mouseleave()

Evento do jQuery

o método mouseleave() dispara o evento mouseleave, ou anexa uma função para ser executada quando o evento mouseleave ocorrer.

ocorre um evento mouseleave quando o ponteiro do mouse sai de algum elemento.

Você pode pensar que mouseleave emouseouto evento é o mesmo, mas eles não são:

• mouseleave-ao mover o ponteiro do mouse para fora de algum elemento

• mouseout-ao mover o ponteiro do mouse para fora de algum elemento ou um de seus elementos filhos (veja os exemplos abaixo)

mouseleave() método geralmente é usado commouseenter()Métodos juntos.

Sintaxe:

Acionar o evento mouseleave do elemento selecionado:

$(selector).mouseleave()

Anexar função ao evento mouseleave:

$(selector).mouseleave(function)

Instância

Mudar a cor de fundo ao ativar os eventos mouseenter e mouseleave:

$("p").mouseenter(function(){
　　$(this).css("background-"cor", "amarelo");
});
$("p").mouseleave(function(){
　　$(this).css("background-"cor", "azul claro");
});

Este exemplo demonstra a diferença entre mouseleave e mouseout:

Valor do Parâmetro

Evento do jQuery