Peristiwa onmouseover

Peristiwa DOM MouseEvent

Definisi dan penggunaan

Peristiwa onmouseover terjadi saat penanda mouse bergerak ke elemen atau elemen anaknya.

Petunjuk:Peristiwa ini biasanya digunakan bersamaan dengan Peristiwa onmouseoutGunakan bersamaan, peristiwa ini terjadi saat pengguna memindahkan penanda mouse keluar dari elemen.

Contoh

Contoh 1

Eksekusi JavaScript saat pengepakan penanda mouse ke gambar:

<img onmouseover="bigImg(this)" src="smiley.gif" alt="Smiley">

Coba sendiri

Contoh 2

Contoh ini menunjukkan perbedaan antara peristiwa onmousemove, onmouseenter, dan mouseover:

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

Coba sendiri

Sintaksis

Pada HTML:

<elemen onmouseover="myScript">

Coba sendiri

Pada JavaScript:

objek.onmouseover = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("mouseover", myScript);

Coba sendiri

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

Detil teknis

Bubbling: Pendukung
Dapat dibatalkan: Pendukung
Jenis peristiwa: MouseEvent
Tanda buku 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 Peramban

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