出现错误 Uncaught TypeError: document.querySelectorAll(...).addEventListener 不是函数

Question

我有下面的脚本

window.addEventListener('DOMContentLoaded', (event) => {
document.querySelectorAll("a[href='example.com']").addEventListener('click',function (e) {
            newrelic.addPageAction('Doc');

        })
    });

每当用户打开包含在包含 href 的锚标记但没有 ID 属性的文档时，我试图捕获点击次数。该文档在另一个窗口中打开。以上是正确的使用方法。

Answer 1

因为querySelectorAll返回元素的集合，所以您应该迭代它并添加事件侦听器

window.addEventListener('DOMContentLoaded', (event) => {
    [...document.querySelectorAll("a[href^='example.com']")].forEach(el => el.addEventListener('click',function (e) {
            newrelic.addPageAction('Doc');
    }))
});