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">
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>
Syntaksi
HTML:ssä:
<elementti onmouseout="myScript">
JavaScriptissa:
objekti.onmouseout = function(){myScript};
JavaScriptissa käytetään addEventListener()-menetelmää:
objekti.addEventListener("mouseout", myScript);
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 |