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.