Método jQuery mouseenter()

Eventos de jQuery

El método mouseenter() desencadena el evento mouseenter, o adjunte una función para ejecutarse cuando se desencadena el evento mouseenter.

El evento mouseenter se desencadena cuando el puntero del ratón entra en el elemento.

Puede que piense que mouseenter,mousemoveYmouseoverEl evento es el mismo, pero no son:

• mouseenter-Llamado solo cuando el puntero del ratón entra en el elemento

• mousemove-Llamado cuando el puntero del ratón se mueve sobre el elemento

• mouseover-Llamado cuando el puntero del ratón entra en el elemento y sus elementos hijos (ver el ejemplo a continuación)

El método mouseenter() se utiliza comúnmente conmouseleave()Métodos utilizados juntos.

Sintaxis:

Disparar el evento mouseenter del elemento seleccionado:

$(selector).mouseenter()

Adjuntar una función al evento mouseenter:

$(selector).mouseenter(function)

Ejemplo

Cambiar el color de fondo al desencadenar eventos mouseenter y mouseleave:

$("p").mouseenter(function(){
　　$(this).css("background-color", "yellow");
});
$("p").mouseleave(function(){
　　$(this).css("background-color", "lightblue");
});

Este ejemplo muestra la diferencia entre mousemove, mouseenter y mouseover:

Valor del parámetro

Eventos de jQuery