onmouseleeave Geleentheid
Voorbeeld
Voer 'n JavaScript uit wanneer die muiswyser uit 'n prent beweeg:
<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onmouseleave-gebeurtenis vind plaas wanneer die muiswyser uit 'n element geskuif word.
Wenk: Hierdie gebeurtenis word dikwels saam met die onmouseenter- gebeurtenis gebruik, wat plaasvind wanneer die muiswyser na 'n element geskuif word.
Wenk: Die onmouseleave-geleentheid is soortgelyk aan die onmouseout - gebeurtenis. Die enigste verskil is dat die onmouseleave-gebeurtenis nie borrel nie (propageer nie op in die dokumenthiërargie nie). Sien "Meer voorbeelde" onderaan hierdie bladsy om die verskille beter te verstaan.
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die geleentheid ten volle ondersteun.
Event | |||||
---|---|---|---|---|---|
onmouseleave | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaksis
In HTML:
<element onmouseleave="myScript">
In JavaScript:
object.onmouseleave = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("mouseleave", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Geen |
---|---|
Kanselleerbaar: | Geen |
Soort gebeurtenis: | Muis Gebeurtenis |
Ondersteunde HTML-etikette: | Alle HTML-elemente, BEHALWE: <basis>, <bdo>, <br>, <kop>, <html>, <iframe>, <meta>, <param>, <skrif>, <styl> en <titel> |
DOM weergawe: | Vlak 2-geleenthede |
Meer voorbeelde
Voorbeeld
Hierdie voorbeeld demonstreer die verskil tussen die onmousemove, onmouseleeave en onmouseout gebeurtenisse:
<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>