Exemplu
Executați un JavaScript atunci când se deplasează cursorul mouse-ului dintr-o imagine:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Evenimentul onmouseleave are loc atunci când cursorul este mutat dintr-un element.
Sfat: Acest eveniment este adesea folosit împreună cu onmouseenter eveniment, care apare atunci când cursorul este mutat pe un element.
Sfat: Evenimentul onmouseleave este similar cu onMouseOut eveniment. Singura diferență este că evenimentul onmouseleave nu cu bule (does not propagate up the document hierarchy) . A se vedea "More Examples" din partea de jos a acestei pagini pentru a înțelege mai bine diferențele.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.
Eveniment | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | da | 6.1 | 11.5 |
Sintaxă
In HTML:
< Încearcă - l singur »
În JavaScript:
object .onmouseleave=function(){ Încearcă - l singur »
În JavaScript, folosind addEventListener() metoda:
object .addEventListener("mouseleave", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
Bule: | Nu |
---|---|
anulabil: | Nu |
Tip de eveniment: | MouseEvent |
Tag-uri HTML acceptate: | Toate elementele HTML, cu excepția: <bază>, <BDO>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> și <title> |
DOM Versiune: | Nivelul 2 Evenimente |
Mai multe exemple
Exemplu
Acest exemplu demonstrează diferența dintre onmousemove, onmouseleave si onmouseout evenimente:
<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>
Încearcă - l singur » <Eveniment obiect