jQuery evenement - mouseenter() methode

Voorbeeld

Wijzig de achtergrondkleur van het element wanneer de muispijl erdoorheen gaat:

$("p").mouseenter(function(){
  $("p").css("background-color","yellow");
});

Probeer het zelf

Definitie en gebruik

Het mouseenter-evenement treedt op wanneer de muispijl door het element gaat.

Dit evenement wordt meestal gebruikt samen met mouseleave Gebruik samen met andere evenementen.

De mouseenter() methode triggert het mouseenter-evenement of definieert de functie die wordt uitgevoerd bij het optreden van het mouseenter-evenement.

Opmerking:Het mouseenter-evenement wordt niet getriggerd totdat de muispijl door de geselecteerde elementen heen gaat. Als de muispijl door een subelement gaat, wordt het mouseover-evenement wel getriggerd. Bekijk hier het voorbeeld.

Probeer het zelf:Het verschil tussen mouseenter en mouseover

Trigger het mouseenter-evenement

Syntax

$(selector).mouseenter()

Probeer het zelf

Bind de functie aan het mouseenter-evenement

Syntax

$(selector).mouseenter(function)
Parameters Beschrijving
function Optioneel. Bepaalt de functie die wordt uitgevoerd bij het optreden van een mouseenter-evenement.

Probeer het zelf