jQuery mouseover() Metode
Contoh
Atur warna latar belakang menjadi kuning, saat penunjuk mouse berada di atas elemen <p>:
$("p").mouseover(function(){
$("p").css("background-color", "yellow");
});
Definisi dan Penggunaan
Acara mouseover terjadi ketika pointer mouse berada di atas elemen yang dipilih.
Metode mouseover() memicu acara mouseover, atau melampirkan fungsi untuk dijalankan ketika acara mouseover terjadi.
Catatan: Tidak seperti acara mouseenter , acara mouseover terpicu jika penunjuk tetikus memasukkan elemen anak apa pun serta elemen yang dipilih. Acara mouseenter hanya dipicu ketika penunjuk tetikus memasuki elemen yang dipilih. Lihat contoh di akhir halaman untuk demonstrasi.
Tip: Event ini sering digunakan bersamaan dengan event mouseout .
Sintaksis
Memicu acara mouseover untuk elemen yang dipilih:
$(selector).mouseover()
Lampirkan fungsi ke acara mouseover:
$(selector).mouseover(function)
Parameter | Description |
---|---|
function | Optional. Specifies the function to run when the mouseover event is triggered |
Cobalah Sendiri - Contoh
Menunjukkan perbedaan antara mouseover(), mouseenter() dan mousemove().