javascript - DOM要素にバインドされている正確なイベントを確認するには?

Question

私はこれを頻繁にやりたいと思っていますが、実際のイベントにアクセスできないためできません。

たとえば (これは単なる例であり、代わりに API を見ることができます)、stackoverflow の画像アップローダがどのように機能するかを確認しようとしましたが、$($0).data('events)(または$('form[action="/upload/image"] :submit').data('events')) を呼び出すとundefined. 特定のイベントの実際の機能を見る他の方法はありますか?

もしそうなら、それらのイベントにブレークポイントを設定する方法もありますか?

編集：

これを使用Visual Eventすると、私が見るものです

Answer 1

個人的には、 Firebug とVisual Eventを組み合わせて使用​​しています。

編集:イベントのハイライトは、配置が原因で必ずしも完全に整列するとは限りません。

ここで画像送信機能を見つけることができました：

Answer 2

jQuery の最近のバージョン (1.7 以降) では、イベントの保存方法の内部構造が変更されています。このブログ投稿を参照してください。

イベントに参加することはできますが、やり方が少し異なります。

var events = jQuery._data(element, 'events');