web-dev-qa-db-ja.com

利用可能なすべてのjavascriptイベントをトレースまたはデバッグする方法

Webページのすべてのjavascriptイベントをトレースするにはどうすればよいですか？

ハンドラーが接続されていなくても、すべてのイベントをトレースする可能性はありますか？

これを行うことができるツールはありますか？

明確化：

例えば：

テキスト入力の場合、onblurおよびonchangeのイベントハンドラーを追加できます。 。

（ブラウザで）テキストフィールドの値を変更してそのままにしておくと、両方のイベントハンドラが実行されます。ここで、他にどのイベントを「見逃した」かを知りたいと思います（イベントハンドラがアタッチされていた場合に実行されるイベント）。

明確化2：

Eventhandlerをアタッチできるすべての可能なイベントのリスト（特定の要素）を取得できますか？

javascriptjavascript-events
41
Daniel Kreiseder

Javascriptイベントのリストは次のとおりです。 http://www.quirksmode.org/dom/events/index.html

61
meeech

ブラウザのコンソールで利用可能なすべてのイベントを記録する簡単なスクリプトを次に示します。

var ev = '',
    out = [];
for (ev in window) {
    if (/^on/.test(ev)) { 
        out[out.length] = ev;
    }
}
console.log(out.join(', '));

もちろん、現在使用しているブラウザのイベントのみを取得します。

29
Simone

これは私のお気に入りのリファレンスです。他の投稿よりも頻繁に更新されます。 https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference

16
joeyhoer

FireBugプロファイリングツールをFFで、Web開発者ツールをIE8で、または開発者ツールをWebKitで使用できます。

編集：

ただ好奇心が強い、これらのイベントで何をしたいですか？

3
jerjer