onmousemove 事件

Peristiwa DOM MouseEvent

定义和用法

当指针在元素上移动时，将触发 onmousemove 事件。

实例

例子 1

当鼠标指针移到 <div> 元素上时执行 JavaScript：

<div onmousemove="myFunction()">移动鼠标光标到我上面</div>

Coba sendiri

Contoh 2

Contoh ini menunjukkan perbezaan antara even onmousemove, onmouseenter dan mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Saya akan pertunjukan di onmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Saya akan pertunjukan di onmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Saya akan pertunjukan di onmouseover!</p>
</div>

Coba sendiri

Contoh 3

Contoh ini menunjukkan perbezaan antara even onmousemove, onmouseleave dan onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Saya akan pertunjukan di onmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Saya akan pertunjukan di onmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Saya akan pertunjukan di onmouseout!</p>
</div>

Coba sendiri

Sintaks

Pada HTML:

<element onmousemove="myScript">

Coba sendiri

Pada JavaScript:

object.onmousemove = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("mousemove", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Perincian teknikal

Bubbling: Pendukung
Boleh dibatalkan: Pendukung
Jenis even: MouseEvent
Tanda tag HTML yang didukung: Semua elemen HTML kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> serta <title>
Versi DOM: Peristiwa Level 2

Pendukung Pemeriksa

Peristiwa Chrome IE Firefox Safari Opera
onmousemove Pendukung Pendukung Pendukung Pendukung Pendukung
Peristiwa DOM MouseEvent