JavaScript/jQuery：新しく登録されたイベントハンドラを聞きます。

Question

私は現在私の大学のプロジェクトに取り組んでいます。私がそこでやる必要があることは、登録されたすべてのjavascript-eventhandlerをサーバーと同期させることです。私。どの要素に特定のイベントハンドラがあるのか​​を知る必要があります。

私はすでにを使用して、どの要素にイベントハンドラがあり、本当にうまく機能しているか調べています。

しかし、私が必要とするのは、イベントハンドラがDOM要素に登録されるたびに呼び出されるイベントリスナを持つことです。

基本的にいつも$("#foo").click(...)または$("#foo").bind(...)のような何かが呼び出されると、この要素に新しいイベントハンドラが登録されているという情報を取得する必要があります。

逆の場合イベントハンドラがDOM要素から削除されたときにリスナーが必要ですが、最初のプロトタイプでは必須ではありません。

ハンドラをすべてのイベントハンドラ登録にグローバルに付加する方法はありますか？

さらに詳しい情報が必要な場合は、お気軽にコメントしてください。

ありがとうございました！

敬具、 ロバート

Answer 1

あなたはjQueryの1.7以降を使用している場合は、イベントをアタッチするすべてのメソッドがjQuery.fn.onを通過し、それがその関数に乗っ過剰と野生行くの単純なケースです。

(function() { 

    var old = jQuery.fn.on; 

    jQuery.fn.on = function (events, selector, data, handler) { 
     // Ensure you still attach the events 
     var result = old.apply(this, arguments); 

     // Now do your own thing 

     // Inside here, `this` refers to the jQuery object on which `on` was invoked; 
     // it's not a specific element like it normally is within jQuery. You then 
     // therefore use something like `this.each(function() { /* this */ }); to 
     // target each element in the set. 

     // You might want to normalize the variables, as selector and data are optional, 
     // and events can be an object or string 
     jQuery.post('/spy.php', { 
      events: events, 
      selector: selector, 
      data: data 
     }, jQuery.noop); 

     return result; // keep the signature of `on`, and return the value `on()` *would* have done. 
    }; 

}()); 

あなたはjQueryの< 1.7を使用していてアップグレードできない場合は、上記と同様の何かを行うことができますが、bind()を上書きする必要があります、live()、delegate()など