如何觸發並綁定Chrome擴展中的任意事件？

我在後臺腳本中有一些代碼。我希望能夠以火一樣的東西：如何觸發並綁定Chrome擴展中的任意事件？

$(document).trigger('someEvent', [args]);

，然後在彈出聽它是這樣的：

var backgroundPage = chrome.extension.getBackgroundPage(); 
$(backgroundPage.document).bind('someEvent', function (args) {...});

但是，這並不工作。觸發器代碼被觸發，但顯然我沒有對正確的事物進行綁定。幫幫我？

來源

2012-07-27 Marc M

你爲什麼不使用專用[消息傳遞（http://code.google.com/chrome/extensions/messaging.html）模塊？通過簡單的添加，您也可以支持事件。 – pimvdb 2012-07-27 18:54:03

1. jQuery是在彈出的*和*背景頁面中加載的嗎？ 2.任何內嵌JavaScript（如果是，請閱讀[CSP]（http://code.google.com/chrome/extensions/contentSecurityPolicy.html））。 3.你是否在觸發前約束事件？ 3.爲什麼在使用函數時可以以非複雜的方式完成相同的事件？ 'chrome.extension.getBackgroundPage（）。customMethod（）;'和/或['chrome.extension.getViews（）']（http://code.google.com/chrome/extensions/extension.html#method-getViews ）。 – 2012-07-27 19:59:40

其實，@ pimvdb，這正是我所做的。 – 2012-07-27 20:51:39

我真的不知道的JQuery因此Im沒有幫助那裏，但認爲Id指出的是，它似乎工作JS方式....

manifest.json的

{ 
    "name": "TEST - Background to PopUp Event Triggering", 
    "version": "1.0", 
    "permissions": [ 
    "tabs", "http://*/*", "https://*/*" 
    ], 
    "browser_action": { 
     "default_title": "TEST - Background to PopUp Event Triggering", 
     "default_icon": "icon.png", 
     "default_popup": "popup.html" 
    }, 
    "background": { 
    "scripts": ["background.js"] 
    }, 
    "manifest_version" : 2 
}

popup.html

<!doctype html> 
<html> 
    <head> 
    <script src="popup.js"></script> 
    </head> 
    <body> 
    </body> 
</html>

popup.js

個

var backgroundPage = chrome.extension.getBackgroundPage(); 

backgroundPage.document.addEventListener('myCustomEvent', function(e) { 
    document.write(e.args + '\n'); 
})

background.js

var customEvent = document.createEvent('Event'); 
customEvent.initEvent('myCustomEvent', true, true); 

setInterval(function() { 
    customEvent.args=["bunyips","smell"]; 
    document.dispatchEvent(customEvent); 
}, 3000);

來源

2012-07-27 20:42:09 PAEz

有趣。最初，我正在使用jQuery來 - 理論上 - 完全按照上面的說法做。它失敗了。我想jQuery可能是罪魁禍首。 – 2012-07-27 23:46:33

如何觸發並綁定Chrome擴展中的任意事件？

回答

相關問題