jQuery mouseleave() Metode
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().