onmouseover-tapahtuma

DOM-tapahtumat MouseEvent

Määritelmä ja käyttö

onmouseover-tapahtuma tapahtuu, kun hiiren osoitin siirtyy elementtiin tai sen alielementtiin.

Vinkki:Tämä tapahtuma yleensä yhdistetään onmouseout-tapahtumaYhdessä käytettynä, tämä tapahtuma tapahtuu, kun käyttäjä siirtää hiiren osoittimen elementistä pois.

Esimerkki

Esimerkki 1

Suorita JavaScript-ohjelma, kun hiiren osoitin siirtyy kuvan päälle:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

Kokeile itse

Esimerkki 2

Tämä esimerkki osoittaa eroja onmousemove-, onmouseenter- ja mouseover-tapahtumien välillä:

<div onmousemove="myMoveFunction()">
  <p id="demo">I will demonstrate onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">I will demonstrate onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">I will demonstrate onmouseover!</p>
</div>

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onmouseover="myScript">

Kokeile itse

JavaScriptissa:

objekti.onmouseover = function(){myScript};

Kokeile itse

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

objekti.addEventListener("mouseover", myScript);

Kokeile itse

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

Tekninen yksityiskohta

Pumautuminen: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: MouseEvent
Tuetut HTML-merkit: 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
onmouseover Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat MouseEvent