Jquery add.EventListner 不是函数双击横幅

Question

我制作了一些 HTML5 横幅，用于 google 双击。我在横幅上有 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 is not a function

这是我第一次使用双击和 HTML5 横幅，所以我不太确定正确的方法。

Answer 1

querySelectorAll returns 匹配的 DOM 节点的集合。您需要迭代它并在每个元素上单独绑定事件。

Returns a list of the elements within the document (using depth-first pre-order traversal of the document's nodes) that match the specified group of selectors. The object returned is a 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);
}

Jquery add.EventListner 不是函数双击横幅

Jquery add.EventListner is not a function Double Click Banners

html

javascript

jquery

double-click