Sisäänliikymis tapahtuma

DOM-tapahtumat MouseEvent

Määrittely ja käyttö

Sisäänliikymis tapahtuma tapahtuu, kun hiiren osoitin siirtyy elementin päälle.

Vinkki:Tämä tapahtuma yleensä yhdistetään onmouseleave-tapahtumayhdessä käytettynä, tämä tapahtuma tapahtuu, kun hiiren osoitin poistuu elementin yläpuolelta.

Vinkki: onmouseenter-tapahtuma muistuttaa onmouseover-tapahtuma.Ainoa ero on, että onmouseenter-tapahtuma ei puhkea (ei levitä ylös dokumentin hierarkiaan). Katso lisää esimerkkejä sivun alaosasta.

Esimerkki

Esimerkki 1

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

<img onmouseenter="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 onmouseenter="myScript">

Kokeile itse

JavaScriptissa:

objekti.onmouseenter = function(){myScript};

Kokeile itse

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

objekti.addEventListener("mouseenter", myScript);

Kokeile itse

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

Tekninen yksityiskohta

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

Selain tukee

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tapahtumaa täysin.

Tapahtumat Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Tuki 6.1 11.5
DOM-tapahtumat MouseEvent