onmousemove gebeurtenis
Voorbeeld
Voer 'n JavaScript uit wanneer die muiswyser oor 'n <div>-element beweeg word:
<div onmousemove="myFunction()">Move the cursor over me</div>
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die onmousemove-gebeurtenis vind plaas wanneer die wyser beweeg terwyl dit oor 'n element is.
Blaaierondersteuning
Event | |||||
---|---|---|---|---|---|
onmousemove | Yes | Yes | Yes | Yes | Yes |
Sintaksis
In HTML:
<element onmousemove="myScript">
In JavaScript:
object.onmousemove = function(){myScript};
In JavaScript, gebruik die addEventListener() metode:
object.addEventListener("mousemove", 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>
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>