jQuery Event - mouseleave() Methode

Voorbeeld

Wijzig de achtergrondkleur van het element wanneer de muispijl het verlaat:

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

Probeer het zelf

Definitie en gebruik

Een mouseleave-gebeurtenis treedt op wanneer de muispijl de element verlaat.

Dit gebeurtenis wordt meestal gebruikt samen met mouseenter Gebruik samen met andere gebeurtenissen.

De mouseleave() methode triggert een mouseleave-gebeurtenis of definieert een functie die wordt uitgevoerd wanneer een mouseleave-gebeurtenis optreedt.

Opmerking:In tegenstelling tot de mouseout-gebeurtenis, wordt de mouseleave-gebeurtenis alleen getriggerd wanneer de muispijl de geselecteerde element verlaat. Als de muispijl een subelement verlaat, wordt ook de mouseout-gebeurtenis getriggerd. Bekijk hier een voorbeeld van de demonstratie.

Probeer het zelf:Het verschil tussen mouseleave en mouseout

Trigger een mouseleave-gebeurtenis

Syntax

$(selector).mouseleave()

Probeer het zelf

Bind de functie aan de mouseleave-gebeurtenis

Syntax

$(selector).mouseleave(function)
Parameters Beschrijving
function Optioneel. Bepaalt de functie die wordt uitgevoerd wanneer een mouseleave-gebeurtenis optreedt.

Probeer het zelf