Peristiwa onmouseenter

Peristiwa DOM MouseEvent

Pengertian dan Penggunaan

Peristiwa onmouseenter berlaku apabila pengecut kaki mouse bergerak ke atas elemen.

Petunjuk：Acara ini biasanya digunakan bersamaan dengan Peristiwa onmouseleaveGunakan bersamaan, acara ini akan terjadi saat penuding pengecasan keluar dari elemen.

Petunjuk： Acara onmouseenter hampir sama dengan Peristiwa onmouseoverPerbezaan tunggal adalah acara onmouseenter tidak akan mengembang (tidak akan berpindah ke struktur hirarki dokumen yang tinggi). Lihat contoh lebih banyak di bawah halaman.

Contoh

Contoh 1

Lakukan JavaScript saat penuding pengecasan di atas gambar：

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

Coba sendiri

Contoh 2

Contoh ini memaparkan perbezaan antara acara onmousemove, onmouseenter dan mouseover：

<div onmousemove="myMoveFunction()">
  <p id="demo">Akan dipaparkan ketika mouse move!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Akan dipaparkan ketika mouse enter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Akan dipaparkan diatas!</p>
</div>

Coba sendiri

Sintaks

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 sebelumnya tidak mendukung Metode addEventListener()。

Rincian teknikal

Pembubungan： Tidak didukung
Boleh dicancel： Tidak didukung
Jenis acara： MouseEvent
Tanda tag HTML yang didukung： Semua elemen HTML, kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> dan <title>
Versi DOM： Acara Level 2

Pematuhan Pelayar

Nombor di dalam tabel menunjukkan versi paling awal pengguna penuh peristiwa ini.

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