javascript - Javascriptでキーイベントをキャッチする関数を見つけていますか?

Question

複雑な Web アプリのユーザー スクリプトを作成しています。既存のコードは、'j' および 'k'keydownイベントをキャッチしています。

この関数を見つけて、それが何をしているのかを確認できるようにしたいと思います。ドキュメント内の主要なイベント ハンドラーをすべて一覧表示する方法はありますか? または、文字を押したときに Chrome 開発者ツールで何らかのブレークポイントを設定する方法はありますか?

Answer 1

はい、開発者ツールでScriptsタブに移動し、ページを選択し、Event Listener Breakpoints、Keyboard、keydownに移動します。

ただし、スクリプトが縮小されている場合やライブラリを使用している場合など、これは必ずしもあまり役に立たないかもしれません。しかし、あなたはそれを試すことができます。

Answer 2

スクリプトの一部を最初に実行することができ、キーがドキュメント レベルで処理される場合は、このインターセプトをインストールして、コードのどの部分がキーボード ハンドラーを設定しているかを確認できます。

var oldListener = document.addEventListener;
document.addEventListener = function(type, listener, capture) {
    if (type == "keydown" || type == "keyup" || type == "keypress") {
        console.log("type=" + type + " listener=" + listener.toString().slice(0, 80));
    }
    return (oldListener.apply(this, arguments));
}