如何簡化多個元素的事件偵聽器分配？

簡化多個元素的事件監聽器分配

您可能會遇到需要向多個元素添加事件監聽器的情況。雖然可以單獨分配偵聽器，如下所示：

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

或透過連結條件語句：

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

在處理許多元素時，這些方法可能會變得乏味。更有效的方法是在元素數組上使用forEach() 方法：

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

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

透過迭代數組，此程式碼將事件偵聽器分配給單行中的每個元素，從而簡化了您的操作編碼並簡化事件處理過程。

以上是如何簡化多個元素的事件偵聽器分配？的詳細內容。更多資訊請關注PHP中文網其他相關文章！