jQuery tapahtuma - mouseover() menetelmä

jQuery tapahtumien viittausoppikirja

Esimerkki

Muuta elementin taustaväri, kun hiiren osoitin on elementin yllä:

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

Kokeile itse

Määritelmä ja käyttö

Mouseover-tapahtuma tapahtuu, kun hiiren osoitin on elementin yllä.

Tämä tapahtuma tapahtuu useimmiten yhdessä mouseout yhdessä tapahtumien kanssa.

mouseover()-menetelmä laukaisee mouseover-tapahtuman tai määrittää funktion, joka suoritetaan, kun tapahtuu mouseover-tapahtuma.

Huomautus:Erilaisesti mouseenter-tapahtumasta, mouseover-tapahtuma laukeaa riippumatta siitä, tarkistetaanko hiiren osoittimen kautta valittua elementtiä tai sen lapsielementtejä. Mouseenter-tapahtuma laukeaa vain, kun hiiren osoitin tarkistaa valittua elementtiä. Katso alla oleva esimerkki.

Kokeile itse:mouseenter ja mouseover eroavat toisistaan

Laukaise mouseover-tapahtuma

Syntaksi

$(selector).mouseover()

Kokeile itse

Liitä funktio mouseover-tapahtumaan

Syntaksi

$(selector).mouseover(function)
Parametrit Kuvaus
function Valinnainen. Määrittää funktio, joka suoritetaan, kun tapahtuu mouseover-tapahtuma.

Kokeile itse

jQuery tapahtumien viittausoppikirja