onmousemove-gebeurtenis

DOM Events MouseEvent

Definitie en gebruik

De onmousemove-gebeurtenis treedt op wanneer de muispijl over het element beweegt .

Voorbeeld

Voorbeeld 1

Sleep de muispijl over het <div>-element om JavaScript uit te voeren:

<div onmousemove="myFunction()">Move the cursor over me</div>

Probeer het zelf uit

Voorbeeld 2

Deze voorbeeld demonstreert het verschil tussen de onmousemove, onmouseenter en mouseover-evenementen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal onmousemove demonstreren!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Ik zal onmouseenter demonstreren!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Ik zal onmouseover demonstreren!</p>
</div>

Probeer het zelf uit

Voorbeeld 3

Deze voorbeeld demonstreert het verschil tussen de onmousemove, onmouseleave en onmouseout-evenementen:

<div onmousemove="myMoveFunction()">
  <p id="demo">Ik zal onmousemove demonstreren!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Ik zal onmouseleave demonstreren!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Ik zal onmouseout demonstreren!</p>
</div>

Probeer het zelf uit

Syntaxis

In HTML:

<element onmousemove="myScript">

Probeer het zelf uit

In JavaScript:

object.onmousemove = function(){myScript};

Probeer het zelf uit

Gebruik in JavaScript de addEventListener() methode:

object.addEventListener("mousemove", myScript);

Probeer het zelf uit

Opmerking:Internet Explorer 8 of oudere versies ondersteunen dit niet addEventListener() methode.

Technische details

Bubbelend: Support
Annulabel: Support
Evenementstypen: MouseEvent
Ondersteunde HTML-labelen: Alle HTML-elementen, uitgezonderd: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> en <title>
DOM Version: Level 2 Events

Browser Support

Events Chrome IE Firefox Safari Opera
onmousemove Support Support Support Support Support
DOM Events MouseEvent