Peristiwa onmouseleave

Peristiwa DOM MouseEvent

Pengertian dan penggunaan

Pada masa pengecut pengecut tetikus mouse keluar daripada elemen, peristiwa onmouseleave berlaku.

Petunjuk:Acara ini biasanya digunakan bersamaan dengan Peristiwa onmouseenterdigunakan bersamaan, acara ini akan terjadi saat penunjuk mouse bergerak ke dalam elemen.

Petunjuk: Acara onmouseleave mirip dengan Peristiwa onmouseout.Perbedaan yang satu-satunya adalah acara onmouseleave tidak akan bubbling (tidak akan berpindah ke struktur hierarki dokumen yang tinggi). Lihat contoh lain di dasar halaman.

Contoh

Contoh 1

Eksekusi JavaScript saat penunjuk mouse keluar dari gambar:

<img onmouseleave="normalImg(this)" src="smiley.gif" alt="Smiley">

Coba sendiri

Contoh 2

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

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

Coba sendiri

Sintaksis

Pada HTML:

<elemen onmouseleave="myScript">

Coba sendiri

Pada JavaScript:

objek.onmouseleave = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("mouseleave", myScript);

Coba sendiri

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

Detil teknologi

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

Pemungutan bROWSER

Nombor di dalam tabel menunjukkan versi paling awal pengedaran penuh peristiwa oleh pereka pelayar.

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