Peristiwa onmouseleave

Peristiwa DOM MouseEvent

Definisi dan penggunaan

Ketika penunjuk mouse keluar dari elemen, peristiwa onmouseleave terjadi.

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

Petunjuk: Even onmouseleave mirip dengan Peristiwa onmouseout.Perbedaan yang satu-satunya adalah even onmouseleave tidak akan bubbling (tidak akan berpindah ke struktur hierarki dokumen yang tinggi). Lihat lebih banyak contoh di bawah 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 even onmousemove, onmouseleave, dan onmouseout:

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

Coba sendiri

Sintaks

Pada HTML:

<element onmouseleave="myScript">

Coba sendiri

Pada JavaScript:

object.onmouseleave = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("mouseleave", myScript);

Coba sendiri

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

Detil teknis

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

Pendukung Peramban

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

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