jQuery on() Metode
Contoh
Lampirkan acara klik ke elemen <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definisi dan Penggunaan
Metode on() melampirkan satu atau lebih event handler untuk elemen dan elemen turunan yang dipilih.
Pada jQuery versi 1.7, metode on() adalah pengganti baru untuk metode bind(), live() dan delegasi(). Metode ini membawa banyak konsistensi ke API, dan kami menyarankan Anda menggunakan metode ini, karena menyederhanakan basis kode jQuery.
Catatan: Event handler yang dilampirkan menggunakan metode on() akan berfungsi untuk elemen saat ini dan FUTURE (seperti elemen baru yang dibuat oleh skrip).
Tip: Untuk menghapus event handler, gunakan metode off() .
Tip: Untuk melampirkan acara yang hanya berjalan sekali dan kemudian menghapus dirinya sendiri, gunakan metode one() .
Sintaksis
$(selector).on(event,childSelector,data,function,map)
Parameter | Description |
---|---|
event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
data | Optional. Specifies additional data to pass along to the function |
function | Required. Specifies the function to run when the event occurs |
map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
Cobalah Sendiri - Contoh
Cara melampirkan beberapa acara ke elemen.
Cara melampirkan beberapa event handler ke elemen yang dipilih menggunakan parameter peta.
Cara melampirkan acara ruang nama khusus pada elemen.
Bagaimana meneruskan data ke fungsi.
Tunjukkan bahwa metode on() juga berfungsi untuk elemen yang belum dibuat.
Cara menghapus event handler menggunakan metode off().