jQuery tapahtuma - mouseenter()-metodi

jQuery tapahtumien viittaus

Esimerkki

Muuta elementin taustaväriä, kun hiiren osoitin tulee elementin sisään (kulkee sen läpi):

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

Kokeile itse

Määritelmä ja käyttö

mouseenter-tapahtuma tapahtuu, kun hiiren osoitin kulkee elementin läpi.

Tämä tapahtuma useimmiten yhdistetään mouseleave yhdessä tapahtumien kanssa

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

Huomautus:Erilaisesti kuin mouseover-tapahtuma, mouseenter-tapahtuma laukaistaan vain, kun hiiren osoitin kulkee valitun elementin läpi. Jos hiiren osoitin kulkee minkä tahansa alielementin läpi, mouseover-tapahtuma laukaistaan. Katso alla oleva esimerkki.

Kokeile itse:mouseenter ja mouseover eroavat toisistaan

Laukaise mouseenter-tapahtuma

Syntaksi

$(valitsin).mouseenter()

Kokeile itse

Liitä funktio mouseenter-tapahtumaan

Syntaksi

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

Kokeile itse

jQuery tapahtumien viittaus