javascript - 在 Google Chrome 扩展中添加事件监听器

Question

所以我正在尝试编写一个 Google Chrome 扩展程序，到目前为止我的代码如下所示:

callback_function = function () {
    chrome.tabs.create({selected: true, url: "http://www.google.com"});
};

document.addEventListener(chrome.history.onVisited, callback_function());

如果我没有正确阅读文档，chrome.history.onVisited 是一个在有人访问网站时触发的事件，chrome.tabs.create 创建一个具有指定 URL 的新选项卡。如果我理解正确的话，“事件监听器”等待事件被触发，并在事件被触发时运行回调函数。

所以按照我的逻辑，这段代码应该在我每次访问网站时创建一个新的 Google 标签。但出于某种原因，它只会在我第一次重新加载扩展程序时创建 Google 标签。这是为什么？

Answer 1

哎呀。不，这不是 Chrome API 事件的工作方式。它们不是 DOM 事件。

阅读此处的文档:https://developer.chrome.com/extensions/events

简而言之，您需要获取事件对象 (chrome.history.onVisited) 并调用其方法 addListener:

chrome.history.onVisited.addListener(callback_function);

另请注意:您要传递对函数本身的引用 (callback_function)，而不是其执行结果 (callback_function())