如何在 JavaScript 中有效率地將事件偵聽器附加到多個元素？

輕鬆地將事件監聽器附加到多個元素

問題：

是否有一種有效的方法將事件監聽器附加到多個元素

範例：

傳統上，事件偵聽器是單獨新增的：

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

element2.addEventListener("input", function() {
  // this function does stuff
});

答案：

在JavaScript 中，您可以在元素陣列上使用forEach() 方法，在一行程式碼中為每個元素建立事件偵聽器。

解：

要實現此目的，請建立一個包含元素的陣列：

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

然後，使用forEach() 方法迭代數組並在每個元素中新增事件偵聽器：

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

此方法提供了一種簡潔且有效率的方法來為多個元素新增事件偵聽器，從而簡化了事件處理程式碼。

以上是如何在 JavaScript 中有效率地將事件偵聽器附加到多個元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！