どのようなイベントがDOM要素にバインドされているかを確認するにはどうすればよいですか？

Question

Wordpressビジュアルエディタを使用しているときに、[gallery]ショートコードがある場合は、ビジュアルモードでプレースホルダが表示されます。

プレースホルダをクリックすると、ギャラリーの編集とギャラリーの削除の2つのアイコンがオーバーレイされます。

「ギャラリーを編集」をクリックしたときにどの機能が起動するのか把握しようとしています。

ボタンは、DOM ID wp_editgalleryで、イメージであり、これは、それがどのように見えるかです：

screenshot-with-shadow.png http://img855.imageshack.us/img855/4526/screenshotwithshadow.png

私の本能は、Chromeのウェブインスペクタを使用して要素を検査するために、次のとおりです。

http://img818.imageshack.us/img818/4526/screenshotwithshadow.png

要素を見つけたら、プロパティパネルをチェックしてイベントを探しますが、結果はややわかりにくいです：

screenshot-with-shadow.png http://img690.imageshack.us/img690/4526/screenshotwithshadow.png

これまでのところ私は、上記の方法を試してみました、ともしました：

var events = jQuery._data('#wp_editgallery', 'events'); 

How to see what exact events are bound to DOM elements?に推奨されたように、その記事で述べたように私もVisual Eventを使用してみました - の両方成功せず。

DOM要素のイベントリスナーに関連付けられているjavascript関数を簡単に見つける方法はありますか？

Answer 1

チェックアウトVisual Event。 Chromeでうまく動作します！ DOM要素に関連付けられたイベントを表示および実行できます。人生の節約されています！