Método jQuery mouseout()

❮ Métodos de eventos jQuery

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().


❮ Métodos de eventos jQuery