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不是函数

这是我第一次使用双击和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);
}

Jquery add.EventListner不是一个双击横幅功能

1 个答案: