Bagaimana Mendengar Acara pada Elemen Dicipta Secara Dinamik tanpa jQuery?

Mendengarkan Acara pada Elemen Dicipta Secara Dinamik tanpa jQuery

Apabila bekerja dengan halaman luaran, menambah pendengar acara pada elemen yang dijana secara dinamik boleh terbukti mencabar. Mewakilkan pengendalian acara adalah penting dalam senario sedemikian.

Salah satu pendekatan ialah menggunakan sifat acara.target untuk menyemak sama ada elemen yang diklik atau dicetuskan adalah daripada jenis yang diingini. Berikut ialah contoh:

<code class="javascript">document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});</code>

Nota: Pendekatan ini mengandaikan bahawa elemen yang anda inginkan berada dalam unsur. Laraskan pemilih dengan sewajarnya jika ia bersarang dalam bekas lain.

Kaveat:

• Kaedah ini hanya digunakan pada penyemak imbas yang mematuhi piawaian (mis., IE9 ) .
• Untuk versi IE yang lebih lama (cth., IE8), pembalut tersuai di sekeliling fungsi asli yang betul menggunakan attachEvent mungkin diperlukan.

Atas ialah kandungan terperinci Bagaimana Mendengar Acara pada Elemen Dicipta Secara Dinamik tanpa jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!