Firefoxの拡張機能にHTMLボタンを挿入してイベントをトリガーするには？

Question

私の最終目標は、サイトにHTMLボタンを挿入し、拡張機能のカスタムコードモジュールで定義された関数を起動させるfirefox拡張を作成することです。

私はこのquestionにニコライの答えを実装しようとしました。

0x80070057が（NS_ERROR_ILLEGAL_VALUE）[nsIDOMEventTarget.dispatchEvent]「nsresult： 『0x80070057が（』キャッチされない例外を：[例外を...」コンポーネントが故障コードを返し、私はボタンをクリックすると、私はFirebugの中で次のエラーを取得するのに作成しましたNS_ERROR_ILLEGAL_VALUE）」場所： "JSフレーム::"

マイコード：

onPageLoad: function(aEvent) { 
    Components.utils.import("chrome://my_ext/content/writeFile.jsm", my_ext); 
    //alert(foo()); - foo() is an function in the above code module I import 


    var doc = aEvent.originalTarget; // doc is document that triggered "onload" event 

    var event = doc.createEvent("Events"); 
    event.initEvent("my-custom-event", true, true); 

    var fblike = doc.getElementById("LikePluginPagelet"); 
    var button = doc.createElement("input"); 
    button.setAttribute("type", "button"); 
    button.setAttribute("value", "My Button"); 
    button.setAttribute('onclick', 'dispatchEvent(event)'); 

    fblike.appendChild(button, fblike); 

    var docx = event.originalTarget; 
    if(docx && docx.addEventListener) 
     docx.addEventListener("my-custom-event", function() {alert(foo()); }, false); 
}, 

マイwriteFile.jsm：

var EXPORTED_SYMBOLS = ["foo"]; 

function foo() { 
    return "foo test"; 
} 

どれでもどのように私はこれを修正することができますか？また、私はブラウザエクステンションを開発するために全く新しいことに言及する必要があります。

Answer 1

最後にそれを働かせました。 2番目のリスナーを追加する必要はなく、1行しかかかりませんでした。 button.addEventListener（ "click"、foo、false）;

以前はfooの代わりにfoo（）を試していましたが、失敗しましたが、今はうまくいきます。

Answer 2

button.setAttribute('onclick', 'dispatchEvent(event)')は、ボタンがクリックされたときにclickイベントを受け取り、それをディスパッチしようとします。しかし、2回目のイベントのディスパッチは許可されません。何がしたいように見えることはこれです：

button.addEventListener("click", function() { 
    button.dispatchEvent(event); 
}, false); 

これは、周囲のコードの変数へのアクセスがあります関数クロージャを作成 - buttonとevent含むを。閉鎖の詳細を読む：http://www.javascriptkit.com/javatutors/closures.shtml