Exemplu
Executați un JavaScript atunci când se deplasează cursorul mouse-ului dintr-o imagine:
<img onmouseout="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 onmouseout se produce atunci când cursorul mouse-ului este mutat dintr-un element, sau dintr-unul dintre copiii săi.
Sfat: Acest eveniment este adesea utilizat împreună cu onMouseOver eveniment, care are loc atunci când indicatorul este mutat pe un element, sau pe unul dintre copiii săi.
Suport pentru browser-
| Eveniment | |||||
|---|---|---|---|---|---|
| onmouseout | da | da | da | da | da |
Sintaxă
In HTML:
< Încearcă - l singur » În JavaScript:
object .onmouseout=function(){ Încearcă - l singur » În JavaScript, folosind addEventListener() metoda:
object .addEventListener("mouseout", myScript );
Încearcă - l singur » Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.
Detalii tehnice
| Bule: | da |
|---|---|
| anulabil: | da |
| 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