Bagaimana untuk Melampirkan Pendengar Acara pada Berbilang Elemen dalam Baris Tunggal?

Lampiran Pendengar Acara Serentak pada Berbilang Elemen:

Dalam pembangunan web, melampirkan pendengar acara pada elemen DOM adalah penting untuk interaktiviti. Apabila berurusan dengan pelbagai elemen, ia boleh membosankan untuk menambah pendengar secara individu. Artikel ini menangani persoalan tentang cara menetapkan pendengar acara yang sama kepada berbilang elemen dalam satu baris.

Pertimbangkan contoh berikut:

<code class="javascript">element1.addEventListener("input", function() {
  // this function does stuff 
});

element2 &amp;&amp; element2.addEventListener("input", function() {
  // this function does stuff
});</code>

Semasa pendekatan ini berfungsi, ia memerlukan penulisan berasingan garisan untuk setiap elemen. Penyelesaian yang lebih cekap ialah menggunakan tatasusunan elemen. Begini caranya:

<code class="javascript">let elementsArray = document.querySelectorAll("whatever");

elementsArray.forEach(function(elem) {
    elem.addEventListener("input", function() {
        // This function does stuff
    });
});</code>

Dengan meletakkan elemen dalam tatasusunan, anda boleh melingkari setiap elemen dan menambah pendengar acara kepada kesemuanya dalam satu baris. Teknik ini menyediakan cara ringkas dan mudah untuk memudahkan kod lampiran pendengar acara anda.

Atas ialah kandungan terperinci Bagaimana untuk Melampirkan Pendengar Acara pada Berbilang Elemen dalam Baris Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!