Método jQuery mouseleave()
Exemplo
Defina a cor de fundo para cinza, quando o ponteiro do mouse deixa um elemento <p>:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Definição e uso
O evento mouseleave ocorre quando o ponteiro do mouse sai do elemento selecionado.
O método mouseleave() aciona o evento mouseleave ou anexa uma função para ser executada quando ocorre um evento mouseleave.
Nota: Ao contrário do evento mouseout , o evento mouseleave só é acionado quando o ponteiro do mouse sai dos elementos selecionados. O evento mouseout é acionado se um ponteiro do mouse deixar qualquer elemento filho, bem como o elemento selecionado. Veja o exemplo no final da página para uma demonstração.
Dica: Este evento é frequentemente usado junto com o evento mouseenter .
Sintaxe
Acione o evento mouseleave para os elementos selecionados:
$(selector).mouseleave()
Anexe uma função ao evento mouseleave:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
Experimente você mesmo - Exemplos
Demonstra a diferença entre mouseleave() e mouseout().