tutorial pengembangan web terbaru
 

Acara onmousemove

<Object Acara

Contoh

Mengeksekusi JavaScript ketika menggerakkan pointer mouse di atas <div> elemen:

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

Lebih "Try it Yourself" contoh di bawah ini.

Definisi dan Penggunaan

Acara onmousemove terjadi ketika pointer bergerak sementara itu adalah lebih dari satu elemen.

Dukungan Browser

Peristiwa
onmousemove iya nih iya nih iya nih iya nih iya nih

Sintaksis

Dalam HTML:

< Cobalah sendiri "

Dalam JavaScript:

object .onmousemove=function(){ Cobalah sendiri "

Dalam JavaScript, menggunakan addEventListener() metode:

object .addEventListener("mousemove", myScript );
Cobalah sendiri "

Catatan: addEventListener() metode tidak didukung di Internet Explorer 8 dan versi sebelumnya.

Rincian teknis

Gelembung: iya nih
dibatalkan: iya nih
jenis acara: MouseEvent
tag HTML yang didukung: Semua elemen HTML, KECUALI: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, dan <title>
DOM Versi: Level 2 Acara
contoh

Contoh lebih

Contoh

Contoh ini menunjukkan perbedaan antara onmousemove, onmouseenter dan Gunaka mouse peristiwa:

<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>
Cobalah sendiri "

Contoh

Contoh ini menunjukkan perbedaan antara onmousemove, onmouseleave dan onmouseout peristiwa:

<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>
Cobalah sendiri "
<Object Acara