Método jQuery mouseover()

❮ Métodos de eventos jQuery

Exemplo

Defina a cor de fundo para amarelo, quando o ponteiro do mouse estiver sobre um elemento <p>:

$("p").mouseover(function(){
  $("p").css("background-color", "yellow");
});

Definição e uso

O evento mouseover ocorre quando o ponteiro do mouse está sobre o elemento selecionado.

O método mouseover() aciona o evento mouseover ou anexa uma função para ser executada quando ocorre um evento mouseover.

Nota: Ao contrário do evento mouseenter , o evento mouseover é acionado se um ponteiro do mouse inserir qualquer elemento filho, bem como o elemento selecionado. O evento mouseenter só é acionado quando o ponteiro do mouse entra no elemento selecionado. Veja o exemplo no final da página para uma demonstração.

Dica: Este evento é frequentemente usado junto com o evento mouseout .


Sintaxe

Acione o evento mouseover para os elementos selecionados:

$(selector).mouseover()

Anexe uma função ao evento mouseover:

$(selector).mouseover(function)

Parameter Description
function Optional. Specifies the function to run when the mouseover event is triggered

Experimente você mesmo - Exemplos


Demonstra a diferença entre mouseover(), mouseenter() e mousemove().


❮ Métodos de eventos jQuery