jQuery mouseover() Metode

Metode Acara jQuery

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().


Metode Acara jQuery