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);
}