tutorial pengembangan web terbaru
 

jQuery on() Method

<Metode acara jQuery

Contoh

Melampirkan acara klik ke <p> elemen:

$("p").on("click", function(){
    alert("The paragraph was clicked.");
});
Cobalah sendiri "

Definisi dan Penggunaan

The on() metode menempel satu atau lebih event handler untuk elemen yang dipilih dan elemen anak.

Pada jQuery versi 1.7, yang on() metode adalah pengganti baru untuk bind(), live() dan delegate() metode. Metode ini membawa banyak konsistensi ke API, dan kami menyarankan Anda menggunakan metode ini, karena menyederhanakan basis kode jQuery.

Catatan: Event handler terpasang menggunakan on() metode akan bekerja untuk kedua elemen saat ini dan FUTURE (seperti elemen baru yang diciptakan oleh script).

Tip: Untuk menghapus event, menggunakan off() metode.

Tip: Untuk melampirkan suatu peristiwa yang hanya berjalan sekali dan kemudian menghapus dirinya sendiri, menggunakan one() metode.


Sintaksis

$(selector).on(event,childSelector,data,function,map)

Parameter Deskripsi
event Wajib. Menentukan satu atau lebih event(s) atau ruang nama untuk melampirkan elemen yang dipilih.

Beberapa nilai event dipisahkan oleh ruang. Harus acara valid
childSelector Pilihan. Menentukan bahwa event handler hanya harus melekat elemen anak yang ditentukan (dan tidak pemilih itu sendiri, seperti usang delegate() metode).
data Pilihan. Menentukan data tambahan untuk menyampaikan ke fungsi
function Wajib. Menentukan fungsi untuk menjalankan ketika peristiwa itu terjadi
map Menentukan peta event ( {event:function, event:function, ...}) yang mengandung satu atau lebih acara untuk melampirkan elemen yang dipilih, dan fungsi untuk menjalankan ketika peristiwa terjadi

Coba Sendiri - Contoh

Mengubah dari bind() ke on()
Cara menggunakan on() untuk mencapai efek yang sama seperti bind() .

Mengubah dari delegate() ke on()
Cara menggunakan on() untuk mencapai efek yang sama seperti delegate() .

Mengubah dari live() ke on()
Cara menggunakan on() untuk mencapai efek yang sama seperti live() .

Lampirkan beberapa peristiwa
Cara melampirkan beberapa acara untuk elemen.

Melampirkan beberapa penangan event menggunakan parameter peta
Cara melampirkan beberapa penangan event pada elemen yang dipilih dengan menggunakan parameter peta.

Melampirkan peristiwa khusus pada sebuah elemen
Cara melampirkan acara namespace disesuaikan pada elemen.

Menyampaikan data ke fungsi
Cara menyampaikan data ke fungsi.

Tambahkan event handler untuk elemen masa depan
Menunjukkan bahwa on() metode juga bekerja untuk elemen belum dibuat.

Hapus sebuah event handler
Cara menghapus event handler menggunakan off() metode.


<Metode acara jQuery