Peristiwa onmouseout

Peristiwa DOM MouseEvent

Definisi dan penggunaan

Peristiwa onmouseout terjadi saat penunjuk mouse keluar dari elemen atau salah satu elemen turunannya.

Tips:Peristiwa ini biasanya digunakan bersamaan dengan Peristiwa onmouseoverKegunaan bersamaan, peristiwa ini terjadi ketika penunjuk mouse bergerak ke dalam elemen atau salah satu elemen turunannya.

Contoh

Contoh 1

Eksekusi JavaScript saat penunjuk mouse keluar dari gambar:

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

Coba sendiri

Contoh 2

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

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

Coba sendiri

Sintaksis

Pada HTML:

<element onmouseout="myScript">

Coba sendiri

Pada JavaScript:

object.onmouseout = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

object.addEventListener("mouseout", myScript);

Coba sendiri

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

Detil teknis

Pembubaran: Dukungan
Dapat dibatalkan: Dukungan
Tipe peristiwa: MouseEvent
Tanda buku HTML yang didukung: Seluruh elemen HTML kecuali: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> serta <title>
Versi DOM: Peristiwa Level 2

Dukungan Browser

Peristiwa Chrome IE Firefox Safari Opera
onmouseout Dukungan Dukungan Dukungan Dukungan Dukungan
Peristiwa DOM MouseEvent