jQuery evento - método mouseleave()

Ejemplo

Cambiar el color de fondo del elemento cuando el puntero del ratón sale del elemento:

$("p").mouseleave(function()
  $("p").css("background-color","#E9E9E4");
});

Prueba personalmente

Definición y uso

Se genera el evento mouseleave cuando el puntero del ratón sale del elemento.

Este evento se usa la mayoría de las veces con mouseenter usar eventos juntos.

El método mouseleave() dispara el evento mouseleave o define la función que se ejecutará cuando se genere el evento mouseleave.

Notas:A diferencia del evento mouseout, el evento mouseleave se desencadena solo cuando el puntero del ratón sale del elemento seleccionado. Si el puntero del ratón sale de cualquier elemento hijo, también se desencadenará el evento mouseout. Vea la siguiente demostración como ejemplo.

Prueba personalmente:Diferencias entre mouseleave y mouseout

Disparar el evento mouseleave

Sintaxis

$(selector).mouseleave()

Prueba personalmente

Enlazar la función a un evento mouseleave

Sintaxis

$(selector).mouseleave(function)
Parámetros Descripción
function Opcional. Define la función que se ejecutará cuando se genere el evento mouseleave.

Prueba personalmente