javascript - ブラウザですべての UI イベントをインターセプトする

Question

ブラウザのすべてのUI（タッチ/クリックなど）イベント（監視/デバッグなど）を傍受する方法はありますか-JavaScriptコードと任意のクロムツールで-すべてがうまくいきます. 例として、(いくつかのプロパティを追加することによって) いくつかのイベントをマークし、それが処理されたときにそれをキャッチして (複数回) スタックトレースなどを表示したい

更新:コードのどこかに伝播 (バブル/キャプチャ) されていない場合でも、すべてのイベントをインターセプトする

Answer 1

Eventコンストラクターからイベント タイプのリストを取得できます。

Object.keys(Event).forEach(function (etype) {
    document.addEventListener(
        etype.toLowerCase(), console.log.bind(console), false
    );
});

Eventインターフェイスによって公開されるイベント タイプの定数は次のとおりです (デスクトップ Safari の場合)。

["MOUSEOUT", "FOCUS", "CHANGE", "MOUSEMOVE",
 "SELECT", "BLUR", "KEYUP",   "MOUSEDOWN", "MOUSEDRAG",
 "MOUSEUP", "MOUSEOVER", "CLICK", "DBLCLICK",
 "KEYDOWN", "KEYPRESS", "DRAGDROP"]