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