如何在 JavaScript 中為具有相同類別的多個元素新增單擊事件偵聽器？

為所有相同類別的元素新增點擊事件監聽器

要為所有具有特定類別的元素新增點擊事件監聽器，您可以使用querySelectorAll() 而不是querySelector() 來檢索所有符合的元素。

JavaScript 程式碼：

var deleteLinks = document.querySelectorAll('.delete');

for (var i = 0; i < deleteLinks.length; i++) {
    deleteLinks[i].addEventListener('click', function(event) {
        if (!confirm("sure u want to delete " + this.title)) {
            event.preventDefault();
        }
    });
}

在此程式碼中：

• var deleteLinks = document. delete');檢索類別為“delete”的所有元素。
• 下面的 for 迴圈會迭代元素列表。
• 對於每個元素，都會新增一個事件監聽器來監聽 click 事件。
• 如果confirm("sure u Want to delete " this.title) 函數回傳false，則event.preventDefault()呼叫🎜>event.preventDefault()
呼叫🎜>阻止預設行為點擊事件（如提交表單）。

補充說明：

• 值得注意的是，只有querySelector() 傳回單一元素，而 querySelectorAll()
傳回NodeList。
• 使用 event.preventDefault() 適用於使用時阻止表單提交或其他預設操作addEventListener()
.

以上是如何在 JavaScript 中為具有相同類別的多個元素新增單擊事件偵聽器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！