Artikel ini menganalisis teknologi delegasi acara JavaScript sebagai contoh. Bagikan untuk referensi Anda. Analisis spesifiknya adalah sebagai berikut:
Jika ada sejumlah besar tombol di halaman keseluruhan, kita harus mengikat penangan acara untuk setiap tombol. Ini akan mempengaruhi kinerja.
Pertama -tama, setiap fungsi adalah objek, dan objek akan menempati banyak memori. Semakin banyak objek yang ada dalam memori, semakin buruk kinerjanya.
Kedua, peningkatan jumlah kunjungan DOM akan menyebabkan halaman dimuat terlambat. Bahkan, masih ada solusi yang baik untuk cara memanfaatkan penangan acara dengan baik.
Delegasi Acara:
Solusi untuk masalah terlalu banyak penangan acara adalah teknologi delegasi acara.
Teknologi Delegasi Acara memanfaatkan gelembung acara. Tentukan saja penangan acara.
Kami dapat mengikat penangan acara untuk elemen induk yang perlu memicu suatu peristiwa.
<ul id = "mylist"> <li id = "li_1"> SDSDSD </li> <li id = "li_2"> SDSDSD </li> <li id = "li_3"> SDSDSD </li> </ul>
Sekarang kami ingin mengikat penangan acara untuk 3 lis ini ...
Cukup ikat event handler di UL.
obj.eventhandler ($ ("mylist"), "click", function (e) {e = e || window.event; switch (e.target.id) {// Semua orang masih harus ingat bahwa target adalah target acara, // selama elemen target dari acara tersebut diklik, Li yang sesuai akan muncul. Case "Li_1": "Li:" Li: Li: Li: Li: Li: Li: Li: Li. Break;Jika dalam aplikasi web yang kompleks, delegasi acara semacam ini sangat praktis.
Jika metode ini tidak diadopsi, mengikat satu per satu akan menjadi penangan acara yang tak ada habisnya.
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.