onmousemove-tilsagnet

DOM begivenheder MouseEvent

Definition og brug

onmousemove-tilsagnet udløses, når pekeren bevæger sig over elementet.

Eksempel

Eksempel 1

Udfør JavaScript, når muspekeren flyttes over <div>-elementet:

<div onmousemove="myFunction()">Flyt muspekeren over mig</div>

Prøv det selv

Eksempel 2

Dette eksempel viser forskellen mellem onmousemove, onmouseenter og mouseover events:

<div onmousemove="myMoveFunction()">
  <p id="demo">Jeg vil demonstrere på onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Jeg vil demonstrere på onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Jeg vil demonstrere på onmouseover!</p>
</div>

Prøv det selv

Eksempel 3

Dette eksempel viser forskellen mellem onmousemove, onmouseleave og onmouseout events:

<div onmousemove="myMoveFunction()">
  <p id="demo">Jeg vil demonstrere på onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Jeg vil demonstrere på onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Jeg vil demonstrere på onmouseout!</p>
</div>

Prøv det selv

Syntaks

I HTML:

<element onmousemove="myScript">

Prøv det selv

I JavaScript:

object.onmousemove = function(){myScript};

Prøv det selv

I JavaScript bruger man addEventListener() metoden:

object.addEventListener("mousemove", myScript);

Prøv det selv

Bemærkninger:Internet Explorer 8 eller tidligere versioner understøtter ikke addEventListener() metoden.

Tekniske detaljer

Bobbel: Support
Kan annulleres: Support
Event-type: MouseEvent
Støttede HTML-tags: Alle HTML-elementer, med undtag: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> og <title>
DOM version: Level 2 Begivenheder

Browserstøtte

Begivenheder Chrome IE Firefox Safari Opera
onmousemove Support Support Support Support Support
DOM begivenheder MouseEvent