Bagaimana untuk Memudahkan Tugasan Pendengar Acara untuk Berbilang Elemen?

Memudahkan Tugasan Pendengar Acara untuk Berbilang Elemen

Anda mungkin menghadapi situasi di mana anda perlu menambah pendengar acara pada berbilang elemen. Walaupun mungkin untuk menetapkan pendengar secara individu seperti yang ditunjukkan:

element1.addEventListener("input", function() {
  // This function does stuff
});

atau dengan merantai pernyataan bersyarat:

element1 && element2.addEventListener("input", function() {
  // This function does stuff
});

kaedah ini boleh menjadi membosankan apabila berurusan dengan banyak elemen. Pendekatan yang lebih cekap ialah menggunakan kaedah forEach() pada tatasusunan elemen:

let elementsArray = document.querySelectorAll("whatever");

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

Dengan melelaran melalui tatasusunan, kod ini memberikan pendengar acara kepada setiap elemen dalam satu baris, memudahkan anda kod dan memperkemas proses pengendalian acara.

Atas ialah kandungan terperinci Bagaimana untuk Memudahkan Tugasan Pendengar Acara untuk Berbilang Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!