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