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