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