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