jQuery mouseleave() Methode :
Voorbeeld
Stel de achtergrondkleur in op grijs, wanneer de muisaanwijzer een <p>-element verlaat:
$("p").mouseleave(function(){
$("p").css("background-color", "gray");
});
Definitie en gebruik
De gebeurtenis mouseleave vindt plaats wanneer de muisaanwijzer het geselecteerde element verlaat.
De methode mouseleave() activeert de mouseleave-gebeurtenis of koppelt een functie aan die moet worden uitgevoerd wanneer een mouseleave-gebeurtenis plaatsvindt.
Opmerking: In tegenstelling tot de mouseout -gebeurtenis, wordt de mouseleave-gebeurtenis alleen geactiveerd wanneer de muisaanwijzer de geselecteerde elementen verlaat. De mouseout-gebeurtenis wordt geactiveerd als een muisaanwijzer zowel onderliggende elementen als het geselecteerde element verlaat. Zie het voorbeeld aan het einde van de pagina voor een demonstratie.
Tip: Deze gebeurtenis wordt vaak samen met de mouseenter- gebeurtenis gebruikt.
Syntaxis
Activeer de mouseleave-gebeurtenis voor de geselecteerde elementen:
$(selector).mouseleave()
Koppel een functie aan de mouseleave-gebeurtenis:
$(selector).mouseleave(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseleave event is triggered |
Probeer het zelf - Voorbeelden
Toont het verschil tussen mouseleave() en mouseout().