それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

MouseEvent Path が便利

とりあえずマウスイベントをデバッグしたり調べたいとき

document.body.addEventListener('click',function(e){ debugger ; })

e.path クリックした要素から、body での各パスが入ってる。 バブリングを順番に辿れるので便利。

path を見れば途中の経路になにがあるのかよく分かる。

path
eventPhase
isTrusted
bubble

ただし、イベントリスナーを管理するのはめんどくさいだろうな。

エレメントにハンドラつけてたら、エレメントをコピーしたらハンドラを一掃できて便利だしな。