jQuery tapahtuma - mouseleave() metodi

Esimerkki

Muuta elementin taustaväriä, kun hiiren osoitin poistuu elementin ylitse:

$("p").mouseleave(function(){
  $("p").css("background-color","#E9E9E4");
});

Kokeile itse

Määritelmä ja käyttö

Mouseleave-tapahtuma tapahtuu, kun hiiren osoitin poistuu elementin ylitse.

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

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

Huomautus:Erilaisesti kuin mouseout-tapahtuma, mouseleave-tapahtuma laukaistaan vain silloin, kun hiiren osoitin poistuu valitun elementin ylitse. Jos hiiren osoitin poistuu minkä tahansa alielementin ylitse, mouseout-tapahtuma laukaistaan. Katso alla oleva esimerkki.

Kokeile itse:mouseleave ja mouseout eroavat toisistaan

Laukaise mouseleave-tapahtuma

Syntaksi

$(valitsin).mouseleave()

Kokeile itse

Sido funktion mouseleave-tapahtumaan

Syntaksi

$(valitsin).mouseleave(function)
Parametrit Kuvaus
function Valinnainen. Määrittää funktion, joka suoritetaan, kun mouseleave-tapahtuma tapahtuu.

Kokeile itse