Método jQuery mouseleave()

Eventos de jQuery

El método mouseleave() desencadena el evento mouseleave, o se puede adjuntar una función para que se ejecute cuando se produce el evento mouseleave.

Se produce el evento mouseleave cuando el puntero del ratón se mueve fuera de algún elemento.

Puede que piense que mouseleave ymouseoutEl evento es el mismo, pero no lo son:

• mouseleave-Se llama cuando se mueve el puntero del ratón fuera de algún elemento

• mouseout-Se llama cuando se mueve el puntero del ratón fuera de algún elemento o uno de sus elementos hijos (véase el siguiente ejemplo)

mouseleave() método se utiliza generalmente conmouseenter()Métodos utilizados juntos.

Sintaxis:

Desencadenar el evento mouseleave del elemento seleccionado:

$(selector).mouseleave()

Adjuntar una función al evento mouseleave:

$(selector).mouseleave(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 mouseleave y mouseout:

Valor del parámetro

Eventos de jQuery