jQuery Event - mouseover() Methode

jQuery Event Referenties Handleiding

Voorbeeld

Wijzig de achtergrondkleur van het element wanneer de muispijl zich boven het element bevindt:

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

Probeer het zelf

Definitie en gebruik

Het mouseover-event vindt plaats wanneer de muispijl zich boven het element bevindt.

Dit event wordt meestal samen gebruikt met mouseout Gebruik samen met andere events.

De mouseover() methode triggert het mouseover-event of definieert de functie die wordt uitgevoerd bij het optreden van een mouseover-event.

Opmerking:In tegenstelling tot het mouseenter-event, wordt het mouseover-event geactiveerd ongeacht of de muispijl door de geselecteerde elementen of hun afstammelingen loopt. Het mouseenter-event wordt alleen geactiveerd wanneer de muispijl door het geselecteerde element loopt. Bekijk hieronder de voorbeeldweergave.

Probeer het zelf:Het verschil tussen mouseenter en mouseover

Trigger het mouseover-event

Syntax

$(selector).mouseover()

Probeer het zelf

Bind de functie aan het mouseover-event

Syntax

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

Probeer het zelf

jQuery Event Referenties Handleiding