onClickクロムエクステンションを使用

Question

クロムエクステンションはcontent_scriptsです。私はjqueryのを使用してDOMに新しい要素を追加していますページのロード時：

urlTarget.parent().prepend("<div class='scout status' onClick='test()' data-domain='" + domainKey + "'></div>");

これが正常に動作します。私はChrome拡張機能フレームワークにセキュリティ制限について読んでてきた

Uncaught ReferenceError: test is not defined

（参照：私は次のエラーを取得する付加さの要素をクリックした後

function test() { 
    alert("this is test"); 
    return false; 
} 

：私もinject.jsコンテンツスクリプト内の関数を定義しましたdocs）、コンテンツスクリプトにも適用されているかどうかは分かりません（ドキュメンテーションはポップアップの例です）。あなたがDOMに新しい要素を追加し、onClick=XXXを経由してイベントリスナーを登録すると

Answer 1

、実際にブラウザがXXXがページのスクリプトからのものであることを期待しています。しかし、content scripts are isolatedを知っていれば、ページによって作成された変数/関数に直接アクセスすることはできず、その逆もありません。

1. // Assuming the id is ID 
   document.getElementById('ID').addEventListener('click', test); 
   

2. がにscriptタグを追加し、以下の方法を介してコンテンツ・スクリプトに挿入された要素のためのidを追加し、バインドイベントリスナー：だからここ

   は、2つの回避策が来ますページ（Insert code into the page context using a content script）

   var actualCode = ` 
       function test() { 
       alert("this is test"); 
       return false; 
       } 
   `; 
   
   var script = document.createElement('script'); 
   script.textContent = actualCode; 
   (document.head||document.documentElement).appendChild(script); 
   script.remove();