Exemplo
Defina a cor de fundo para cinza, quando o ponteiro do mouse deixa um <p> elemento:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Tente você mesmo " Definição e Uso
O mouseleave evento ocorre quando o ponteiro do mouse deixa o elemento selecionado.
O mouseleave() método dispara o mouseleave evento, ou atribui uma função a ser executada quando um mouseleave evento ocorre.
Nota: Ao contrário do mouseout evento, o mouseleave evento só dispara quando o ponteiro do mouse deixa os elementos selecionados.O mouseout evento é acionado se um ponteiro do mouse deixa 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 em conjunto com o mouseenter evento.
Sintaxe
Acionar o mouseleave evento para os elementos selecionados:
$(selector).mouseleave()
Try it
Anexar uma função ao evento mouseleave:
$(selector).mouseleave(function)
Try it
| Parâmetro | Descrição |
|---|---|
| function | Opcional. Especifica a função a ser executada quando o mouseleave evento é acionado |
Tente você mesmo - Exemplos
A diferença entre mouseleave() e mouseout()
Demonstra a diferença entre mouseleave() e mouseout() .