1

Chrome拡張機能を作成しようとしています。私の目標は次のことを行うことです。

  1. 特定のIDのボタンまたはリンクがクリックされたときに特定のJavaScriptを実行します。
  2. そのボタンまたは特定のIDを持つリンクは、どのWebサイトにも存在する可能性があります。

私のコードは本当にシンプルに見えますが、どこに欠けているのかわかりません。jqueryはChrome拡張機能ではこのように機能しませんか？プレーンJavaScriptに同等のコードはありますか？

マニフェスト.json

{
  "name": "Handle a button click",
  "version": "1.1",
  "background": { "scripts": ["background.js"] },
  "permissions": [
    "tabs"
  ],
  "browser_action": {
      "name": "click to handle"
  },
  "content_scripts": [
    {
      "matches": ["<all_urls>"],
      "js": ["jquery-1.9.0.min.js"]
    }
  ],
  "manifest_version": 2
}

background.js

$(document).ready(function(){
    $("#my_submit").click(function(){
        alert("yo");
    });
}

ありがとうございました

background.jsのデバッグ後に更新 「UncaughtReferenceError：$ is not defined」が表示されますが、jQueryファイルが含まれていませんか？またはなぜですか？

4

1 に答える 1

1

これを試して：

$(document).ready(function(){
  $(document).click(function(event){
    if(event.target.id == "my_submit"){    
        alert("yo");
    }
    });
});

これにより、クリックイベントを発生させる要素にIDがあるかどうか、すべてのクリックイベントがチェックされ、IDがあるmy_submit場合はアラートが表示されます。

jsfiddle

于 2013-01-17T12:36:19.330 に答える