jQuery händelse - mouseleave() metod

Exempel

Ändra elementets bakgrundsfärg när muspekaren lämnar elementet:

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

Prova själv

Definition och användning

mouseleave-händelsen inträffar när muspekaren lämnar elementet.

Denna händelse används ofta tillsammans med mouseenter händelser tillsammans.

mouseleave() metoden utlöser mouseleave-händelsen eller definierar funktionen som körs när mouseleave-händelsen inträffar.

Kommentar:Skillnaden mellan mouseleave och mouseout är att mouseleave-händelsen aktiveras endast när muspekaren lämnar den valda elementet. Om muspekaren lämnar någon underliggande element, aktiveras mouseout-händelsen. Se exempelvis nedan.

Prova själv:Skillnaden mellan mouseleave och mouseout

Utlöst mouseleave-händelse

Syntax

$(selector).mouseleave()

Prova själv

Binda funktionen till mouseleave-händelsen

Syntax

$(selector).mouseleave(function)
Parameter Beskrivning
function Valfritt. Definierar funktionen som körs när mouseleave-händelsen inträffar.

Prova själv