とりあえずマウスイベントをデバッグしたり調べたいとき
document.body.addEventListener('click',function(e){ debugger ; })
e.path クリックした要素から、body での各パスが入ってる。 バブリングを順番に辿れるので便利。
path を見れば途中の経路になにがあるのかよく分かる。
path eventPhase isTrusted bubble
ただし、イベントリスナーを管理するのはめんどくさいだろうな。
エレメントにハンドラつけてたら、エレメントをコピーしたらハンドラを一掃できて便利だしな。