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