在开发镀铬扩展程序时聆听点击正文

时间:2017-02-20 09:59:11

标签: javascript google-chrome-extension

我是开发扩展程序的新手,并希望开发一个扩展程序,当用户点击初学者的正文时会执行某些操作。它应该很简单,我知道我们将在这里使用document.body.addEventListener,但我不知道在哪里放 - content.js或background.js或其他地方。

请帮助,因为我很久以来就被困在这件事上了。

1 个答案:

答案 0 :(得分:0)

使用JQuery:

$('html, body').click(function(e) {
  //do something
});

或Javascript:

document.addEventListener("click", function(){
    // do the same thing differently
});

然后您需要将代码放入目标页面。您可以通过以下两种方式之一完成此操作:

1)将代码放入内容脚本中,确保将内容脚本注入所有页面。因此清单JSON必须包括:

"content_scripts": [
    {
      "matches": ["http://*/*", "https://*/*"],
      "js": [ "<relative path to your script here>"],
      "run_at": "document_start"
    }
  ], 

2)您可以通过编程方式将脚本注入每个页面,由其他事件使用

触发
chrome.tabs.executeScript({
    code: 'your code here' 
  });

chrome.tabs.executeScript(null, {file: "<relative path to your code here"});