Peristiwa onmouseenter

Peristiwa DOM MouseEvent

Definisi dan Penggunaan

Peristiwa onmouseenter terjadi saat penanda tangan mouse bergerak ke atas elemen.

Petunjuk:Acara ini biasanya digunakan bersamaan dengan Peristiwa onmouseleaveGunakan bersamaan, acara ini akan terjadi saat penanda mouse keluar dari elemen.

Petunjuk: Acara onmouseenter mirip dengan Peristiwa onmouseover.Perbedaan yang satu-satunya adalah acara onmouseenter tidak akan mendorong (tidak akan menyebar ke struktur hierarki dokumen tingkat atas). Lihat lebih banyak contoh di dasar halaman.

Contoh

Contoh 1

Eksekusi JavaScript saat pengepakan penanda mouse ke gambar:

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

Coba sendiri

Contoh 2

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

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

Coba sendiri

Sintaksis

Pada HTML:

<elemen onmouseenter="myScript">

Coba sendiri

Pada JavaScript:

objek.onmouseenter = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("mouseenter", myScript);

Coba sendiri

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

Detil teknis

Pembubaran: Tidak didukung
Dapat dibatalkan: Tidak didukung
Tipe acara: MouseEvent
Tanda HTML yang didukung: Semua elemen HTML, kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> serta <title>
Versi DOM: Acara Level 2

Pendukung Peramban

Angka di tabel menunjukkan versi browser pertama yang mendukung peristiwa ini sepenuhnya.

Peristiwa Chrome IE Firefox Safari Opera
onmouseenter 30.0 5.5 Dukungan 6.1 11.5
Peristiwa DOM MouseEvent