jQuery händelse - mouseenter() metod

Exempel

Ändra elementets bakgrundsfärg när muspekaren går in (passerar) i elementet:

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

Prova själv

Definition och användning

mouseenter-händelsen inträffar när muspekaren passerar genom elementet.

Denna händelse används ofta tillsammans med mouseleave Samt händelser.

mouseenter() metoden utlöser mouseenter-händelsen eller definierar funktionen som körs när mouseenter-händelsen inträffar.

Kommentar:Skillnaden mellan mouseenter och mouseover är att mouseenter-händelsen utlöses endast när muspekaren passerar genom den valda elementen. Om muspekaren passerar genom någon underliggande element, utlöses mouseover-händelsen. Se exempel nedan.

Prova själv:Skillnaden mellan mouseenter och mouseover

Utlöst mouseenter-händelse

Syntax

$(selector).mouseenter()

Prova själv

Bind funktionen till mouseenter-händelsen

Syntax

$(selector).mouseenter(function)
Parameter Beskrivning
function Valfritt. Definierar funktionen som körs när mouseenter-händelsen inträffar.

Prova själv