jQuery mouseenter() Metode

Metode Acara jQuery

Contoh

Atur warna latar belakang menjadi kuning, saat penunjuk mouse memasuki elemen <p>:

$("p").mouseenter(function(){
  $("p").css("background-color", "yellow");
});

Definisi dan Penggunaan

Acara mouseenter terjadi ketika penunjuk tetikus melewati (memasuki) elemen yang dipilih.

Metode mouseenter() memicu acara mouseenter, atau melampirkan fungsi untuk dijalankan ketika acara mouseenter terjadi..

Catatan: Tidak seperti acara mouseover , acara mouseenter hanya terpicu ketika penunjuk mouse memasuki elemen yang dipilih. Acara mouseover dipicu jika pointer mouse memasukkan elemen anak apa pun juga. Lihat contoh di akhir halaman untuk demonstrasi.

Tip: Event ini sering digunakan bersamaan dengan event mouseleave .


Sintaksis

Memicu acara mouseenter untuk elemen yang dipilih:

$(selector).mouseenter()

Lampirkan fungsi ke acara mouseenter:

$(selector).mouseenter(function)

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

Cobalah Sendiri - Contoh


Menunjukkan perbedaan antara mouseenter(), mouseover() dan mousemove().


Metode Acara jQuery