onmouseleave-tapahtuma

DOM-tapahtumat MouseEvent

Määrittely ja käyttö

Kun hiiren osoitin siirtyy elementin ulkopuolelle, tapahtuu onmouseleave-tapahtuma.

Vinkki:Tämä tapahtuma yleensä yhdistetään onmouseenter-tapahtumayhdessä käytettynä tapahtuma tapahtuu, kun hiiren osoitin siirtyy elementtiin.

Vinkki: onmouseleave-tapahtuma muistuttaa onmouseout-tapahtuma.Ainoa ero on, että onmouseleave-tapahtuma ei puhkea (ei levitä ylös dokumentin tasostruktuurissa). Katso lisää esimerkkejä sivun alareunasta.

Esimerkki

Esimerkki 1

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

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Nauru">

Kokeile itse

Esimerkki 2

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

<div onmousemove="myMoveFunction()">
  <p id="demo">Minä osoitan onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Minä osoitan onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Minä osoitan onmouseout!</p>
</div>

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onmouseleave="myScript">

Kokeile itse

JavaScriptissa:

objekti.onmouseleave = function(){myScript};

Kokeile itse

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

objekti.addEventListener("mouseleave", myScript);

Kokeile itse

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

Tekninen yksityiskohta

Puhkeaa: 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
onmouseleave 30.0 5.5 Tuki 6.1 11.5
DOM-tapahtumat MouseEvent