jQuery mouseout() Metode

Metode Acara jQuery

Contoh

Atur warna latar belakang menjadi abu-abu, saat penunjuk mouse meninggalkan elemen <p>:

$("p").mouseout(function(){
  $("p").css("background-color", "gray");
});

Definisi dan Penggunaan

Acara mouseout terjadi ketika pointer mouse meninggalkan elemen yang dipilih.

Metode mouseout() memicu event mouseout, atau melampirkan fungsi untuk dijalankan saat event mouseout terjadi.

Catatan: Tidak seperti acara mouseleave , acara mouseout dipicu jika penunjuk mouse meninggalkan elemen anak serta elemen yang dipilih. Acara mouseleave hanya terpicu ketika penunjuk mouse meninggalkan elemen yang dipilih. Lihat contoh di akhir halaman untuk demonstrasi.

Tip: Event ini sering digunakan bersamaan dengan event mouseover .


Sintaksis

Memicu acara mouseout untuk elemen yang dipilih:

$(selector).mouseout()

Lampirkan fungsi ke acara mouseout:

$(selector).mouseout(function)

Parameter Description
function Optional. Specifies the function to run when the mouseout event is triggered

Cobalah Sendiri - Contoh


Menunjukkan perbedaan antara mouseout() dan mouseleave().


Metode Acara jQuery