google-chrome-extension - 监听网页 chrome 扩展中的点击事件

Question

我正在开发一个 chrome 扩展。我使用 contentscript 在 wbpage 中注入(inject)脚本，如下所示:

  var s = document.createElement('script');

   s.src = chrome.extension.getURL("script.js");

   (document.head||document.documentElement).appendChild(s);

我的脚本.js:

$.post("https://www.example.com/srv/example/", function(html){


    $("body").prepend(html);


 });

现在，我想听网页 DOM 中的按钮点击事件？如何做到这一点？

Answer 1

你可以听

document.body.addEventListener('click', yourListenerFunction, true);

顺便说一句，您正在以一种非常奇怪的方式执行您的内容脚本。通常是在你的 background.js 中使用一些代码，比如:

chrome.tabs.executeScript(tabId, {file:"yourScriptFile.js"});

我推荐这个 https://developer.chrome.com/extensions/overview