Berikut ialah beberapa tajuk artikel yang berpotensi dalam format soalan, berdasarkan kandungan yang anda berikan: * **Mengapa JavaScript Saya `addEventListener` Menyala pada Halaman Dimuatkan Apabila Menambah pada Elemen Dinamik?** * **H

JavaScript "addEventListener" Event Fires on Page Load

Apabila melampirkan pendengar acara pada elemen yang dicipta secara dinamik, adalah penting untuk memastikan pendengar diikat dengan betul untuk mencetuskan acara pada masa yang diingini.

Dalam skrip yang disediakan, acara dicetuskan apabila halaman dimuatkan kerana pendengar acara ditambahkan sebelum elemen dicipta dan dimasukkan ke dalam DOM. Untuk membetulkan isu ini, perkara berikut harus dipertimbangkan:

• Buat elemen dahulu: Tulis HTML untuk elemen dalam halaman atau jana secara dinamik menggunakan document.createElement() .
• Cari elemen dalam DOM: Dapatkan semula elemen menggunakan document.getElementById().
• Tambahkan pendengar acara dengan betul: Lampirkan pendengar acara menggunakan addEventListener(). Daripada meneruskan fungsi amaran secara langsung, bungkusnya dalam fungsi tanpa nama untuk melaksanakannya apabila peristiwa itu berlaku.

Skrip yang diperbetulkan sepatutnya kelihatan seperti ini:

<code class="javascript">document.write("<div id=\"myDiv\">I am a div</div>");
el = document.getElementById("myDiv");
el.addEventListener("click", function() { alert("clicktrack"); }, false);</code>

Dengan mengikuti langkah ini, pendengar acara akan dilampirkan pada elemen sebaik sahaja ia wujud dalam DOM dan acara akan dicetuskan apabila elemen diklik.

Atas ialah kandungan terperinci Berikut ialah beberapa tajuk artikel yang berpotensi dalam format soalan, berdasarkan kandungan yang anda berikan: * **Mengapa JavaScript Saya `addEventListener` Menyala pada Halaman Dimuatkan Apabila Menambah pada Elemen Dinamik?** * **H. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!