Método jQuery mouseout()

Eventos do jQuery

O método mouseout() dispara o evento mouseout ou anexa uma função para ser executada quando o evento mouseout ocorrer

um evento mouseout ocorre quando o ponteiro do mouse sai de algum elemento ou de um de seus elementos filhos

Você pode pensar que mouseout emouseleaveo evento é o mesmo, mas eles não são:

• mouseout-é chamado quando o ponteiro do mouse sai de algum elemento ou de um de seus elementos filhos

• mouseleave-é chamado apenas quando o ponteiro do mouse sai do elemento (veja os exemplos abaixo)

O método mouseout() geralmente é usado commouseover()Métodos usados juntos.

Sintaxe:

Acionar evento mouseout do elemento selecionado:

$(selector).mouseout()

Anexar função ao evento mouseout:

$(selector).mouseout(function)

Exemplo

Mudar a cor de fundo ao ser acionado os eventos mouseover e mouseout:

$("p").mouseover(function(){
　　$(this).css("background-"cor", "amarelo");
});
$("p").mouseout(function(){
　　$(this).css("background-"cor", "azul claro");
});

Este exemplo demonstra a diferença entre mouseleave e mouseout:

Valor do Parâmetro

Eventos do jQuery