onmouseout-tapahtuma

Määritelmä ja käyttö

Onmouseout-tapahtuma tapahtuu, kun hiiren osoitin siirtyy elementin tai sen alielementin ulkopuolelle.

Vinkki:Tämä tapahtuma yleensä yhdistetään onmouseover-tapahtumaKäytetään yhdessä, kun osoitin siirtyy elementtiin tai sen alielementtiin.

Esimerkki

Esimerkki 1

Suorita JavaScript-koodi, kun hiiren osoitin siirtyy kuvan ulkopuolelle:

<img onmouseout="normalImg(this)" src="smiley.gif" alt="Smiley">

Kokeile itse

Esimerkki 2

Tämä esimerkki osoittaa eroja onmousemove-, onmouseleave- ja onmouseout-tapahtumien välillä:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">I will demonstrate onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">I will demonstrate onmouseout!</p>
</div>

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onmouseout="myScript">

Kokeile itse

JavaScriptissa:

objekti.onmouseout = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener()-menetelmää:

objekti.addEventListener("mouseout", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue addEventListener()-menetelmä.

Tekninen yksityiskohta

Puhkeava: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: MouseEvent
Tuetut HTML-elementit: Kaikki HTML-elementit, paitsi: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ja <title>
DOM-versio: Tason 2-tapahtumat

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onmouseout Tuki Tuki Tuki Tuki Tuki