jQuery add.EventListner不是函数DoubleClick Banners

Question

我已经建立了一些HTML5横幅广告，可用于Google Double Click。 我的横幅广告上有2个CTA，因此我使用了以下代码，该代码是原始双击代码的略微修改版本。 （我用逗号分隔2个ID，而不用一个）。

function bgExitHandler(e) {
    Enabler.exit('Click for PI');
}
document.querySelectorAll("#click_for_pi, #found-out-more").addEventListener('click', bgExitHandler, false);

但是，我在浏览器中收到以下错误：

TypeError：document.querySelectorAll（...）。addEventListener不是一个函数

这是我第一次使用DoubleClick和HTML5标语，因此我不太确定正确的方法。

Answer 1

querySelectorAll返回匹配的DOM节点的集合 。 您需要对其进行迭代，并将事件分别绑定到每个元素上。

返回与指定选择器组匹配的文档中的元素列表（使用文档节点的深度优先顺序遍历）。 返回的对象是NodeList。

function bgExitHandler(e) {
    Enabler.exit('Click for PI');
}
var els = document.querySelectorAll("#click_for_pi, #found-out-more");

for (var i = 0; i < els.length; i++) {
    els[i].addEventListener('click', bgExitHandler, false);
}