onmouseover gebeurtenis
❮ DOM-geleenthede ❮ Muisgebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer die muiswyser na 'n prent beweeg:
<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die oormuisgebeurtenis vind plaas wanneer die muiswyser na 'n element of na een van sy kinders geskuif word.
Wenk: Hierdie gebeurtenis word dikwels saam met die onmouseout -gebeurtenis gebruik, wat plaasvind wanneer 'n gebruiker die muiswyser uit 'n element beweeg.
Blaaierondersteuning
Event | |||||
---|---|---|---|---|---|
onmouseover | Yes | Yes | Yes | Yes | Yes |
Sintaksis
In HTML:
<element onmouseover="myScript">
In JavaScript:
object.onmouseover = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("mouseover", myScript);
Let wel: Die addEventListener() metode word nie in Internet Explorer 8 en vroeër weergawes ondersteun nie.
Tegniese besonderhede
borrels: | Ja |
---|---|
Kanselleerbaar: | Ja |
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>
❮ DOM-geleenthede ❮ Muisgebeurtenis