Biarkan saya memberi tahu Anda komisi acara apa itu: dalam istilah awam, acara adalah onklick, onmouseover, onmouseout, dll. Adalah acara. Adapun delegasi, itu adalah membiarkan orang lain melakukannya. Acara ini awalnya ditambahkan ke elemen -elemen tertentu, tetapi Anda menambahkannya ke orang lain untuk melakukannya untuk menyelesaikan acara tersebut.
Yaitu: Gunakan prinsip gelembung untuk menambahkan peristiwa ke induk untuk memicu efek eksekusi.
Penambahan acara dinamis yang disebut pada dasarnya mengacu pada delegasi acara di JS.
Kita tahu bahwa di JS, pemrosesan acara hanya dapat terikat pada elemen yang saat ini dipilih, dengan kata lain, pemrosesan acara hanya dapat terikat pada elemen yang sudah ada dalam dokumen saat ini! Namun, seringkali teman akan menghadapi masalah bahwa elemen saya ditambahkan secara dinamis ke halaman nanti, dan saya ingin mengikat acara ke elemen. Bagaimana cara menghadapinya?
Untuk mengilustrasikan masalah ini, kami berasumsi bahwa kami perlu menambahkan acara klik ke elemen yang kemudian ditambahkan ke halaman saat ini.
Inti dari menyelesaikan masalah ini adalah menggunakan acara delegasi JS. Keuntungan dari peristiwa yang didelegasikan adalah bahwa mereka dapat mengikat acara dengan elemen yang tidak ada, dan acara yang didelegasikan sering kali memiliki overhead yang lebih kecil!
Off Topic: Biarkan saya memberi Anda contoh paling sederhana: ketika ada 1000 div pada halaman, jika div secara langsung terikat pada acara klik, itu akan menjadi 1000 acara yang terikat elemen. Namun, jika Anda menggunakan delegasi acara, Anda hanya perlu satu elemen untuk mengikat acara. PS: Saya berharap kata -kata itu dapat membantu Anda memahami arti commissioning acara tersebut.
Kami hanya ingin tahu bagaimana elemen yang dibuat secara dinamis menambahkan acara, apa yang Anda katakan banyak untuk dilakukan, apa yang dilakukan ...
Oke, mari kita kembali ke intinya, lihat implementasi spesifik:
// Simulasikan elemen pembuatan dinamis li $ .Ajax ({type: 'get', data: {}, Success: function () {$ ('<li>'). AddClass ('aaa'). Html ('1111111111'). Endapan ($ ('body'));},});// aDD evening ($ ('body'));},});// ADDUCT (document). function () {console.log ('ddd');});Di atas adalah Komisi Acara Penambahan Dinamis JavaScript yang diperkenalkan oleh editor kepada Anda. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!