jQuery mouseleave() Metode

Metode Acara jQuery

Contoh

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

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

Definisi dan Penggunaan

Acara mouseleave terjadi ketika pointer mouse meninggalkan elemen yang dipilih.

Metode mouseleave() memicu event mouseleave, atau melampirkan fungsi untuk dijalankan ketika event mouseleave terjadi.

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

Tip: Event ini sering digunakan bersamaan dengan event mouseenter .


Sintaksis

Memicu acara mouseleave untuk elemen yang dipilih:

$(selector).mouseleave()

Lampirkan fungsi ke acara mouseleave:

$(selector).mouseleave(function)

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

Cobalah Sendiri - Contoh


Menunjukkan perbedaan antara mouseleave() dan mouseout().


Metode Acara jQuery