onmouseenter gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer die muiswyser na 'n prent beweeg:
<img onmouseenter="bigImg(this)" src="smiley.gif" alt="Smiley">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onmouseenter-gebeurtenis vind plaas wanneer die muiswyser na 'n element geskuif word.
Wenk: Hierdie gebeurtenis word dikwels saam met die onmouseleave- gebeurtenis gebruik, wat plaasvind wanneer die muiswyser uit 'n element geskuif word.
Wenk: Die onmouseenter-gebeurtenis is soortgelyk aan die onmouseover - gebeurtenis. Die enigste verskil is dat die onmouseenter-gebeurtenis nie borrel nie (propageer nie in die dokumenthiërargie op 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 | |||||
---|---|---|---|---|---|
onmouseenter | 30.0 | 5.5 | Yes | 6.1 | 11.5 |
Sintaksis
In HTML:
<element onmouseenter="myScript">
In JavaScript:
object.onmouseenter = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("mouseenter", 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, onmouseenter en mouseover gebeurtenisse:
<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>