Exemplo
Defina a cor de fundo para o amarelo, quando o ponteiro do mouse entra um <p> elemento:
$("p").mouseenter(function(){
$("p").css("background-color", "yellow");
});
Tente você mesmo " Definição e Uso
O mouseenter evento ocorre quando o ponteiro do mouse está sobre (entra) o elemento selecionado.
O mouseenter() método dispara o mouseenter evento, ou atribui uma função a ser executada quando um mouseenter evento ocorre ..
Nota: Ao contrário do mouseover evento, o mouseenter evento só dispara quando o ponteiro do mouse entra o elemento selecionado.O mouseover evento é acionado se um ponteiro do mouse entra quaisquer elementos filho também. Veja o exemplo no final da página para uma demonstração.
Dica: Este evento é frequentemente usado em conjunto com o mouseleave evento.
Sintaxe
Acionar o mouseenter evento para os elementos selecionados:
$(selector).mouseenter()
Try it
Anexar uma função ao mouseenter evento:
$(selector).mouseenter(function)
Try it
| Parâmetro | Descrição |
|---|---|
| function | Opcional. Especifica a função a ser executada quando o mouseenter evento é acionado |
Tente você mesmo - Exemplos
A diferença entre mouseenter(), mouseover() e mousemove()
Demonstra a diferença entre mouseenter(), mouseover() e mousemove() .