在開發Chrome擴展時聆聽點擊身體

Question

我是新開發的擴展程序，並且希望開發一個擴展程序，當用戶爲初學者點擊正文時會執行一些操作。這應該是簡單的，我知道我們要在這裏使用document.body.addEventListener，但我不知道把它放在哪裏 - content.js或background.js或其他地方。

請幫忙，因爲我長期以來一直困在這件事上。

Answer 1

使用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"});