onmousemove-tapahtuma

DOM-tapahtumat MouseEvent

Määritelmä ja käyttö

onmousemove-tapahtuma tapahtuu, kun hiiren osoitin liikkuu elementin päällä.

Esimerkki

Esimerkki 1

Suorita JavaScript-koodi, kun hiiren osoitin siirtyy <div> -elementin päälle:

<div onmousemove="myFunction()">Siirrä hiiren osoitin minne tahansa</div>

Kokeile itse

Esimerkki 2

Tämä esimerkki näyttää onmousemove-, onmouseenter- ja mouseover-tapahtumien välisen eron:

<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>

Kokeile itse

Esimerkki 3

Tämä esimerkki näyttää onmousemove-, onmouseleave- ja onmouseout-tapahtumien välisen eron:

<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>

Kokeile itse

Syntaksi

HTML:ssä:

<element onmousemove="myScript">

Kokeile itse

JavaScriptissa:

object.onmousemove = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener()-menetelmää:

object.addEventListener("mousemove", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 ja aikaisemmat versiot eivät tue addEventListener()-menetelmä.

Tekninen yksityiskohta

Bubbling: Tuki
Peruutettavissa: Tuki
Tapahtumatyypit: MouseEvent
Tuetut HTML-elementit: Kaikki HTML-elementit, paitsi: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> ja <title>
DOM-versio: Tason 2-tapahtumat

Selaimen tuki

Tapahtumat Chrome IE Firefox Safari Opera
onmousemove Tuki Tuki Tuki Tuki Tuki
DOM-tapahtumat MouseEvent