web開発で、イベント系のデバックするのに使う
例：マウスイベント
マウスイベントだけでこれだけある。操作時に何が呼ばれたか知るのは大事
| click | クリックされたとき |
| mouseup | マウスボタンが離されたとき |
| mouseenter | マウスポインタが要素に乗ったとき |
| mouseout | マウスポインタが要素から離れたとき |
| mouseover | マウスポインタが要素に乗ったとき |
| dblclick | ダブルクリックされたとき |
| contextmenu | 右クリックされたとき |
| mousedown | マウスボタンが押されたとき |
Chromeで検証する
右クリック＞検証＞ソース＞イベントリスナーブレイクポイント＞マウス
止めたい処理にチェックつける
例）click
Google翻訳でクリックすると、処理が止まって以下のようなの出る
まとめ
これでwebを検証することで、発火しているイベントをデバックできる！
ソースにコンソールログとかアラート入れる方法しか知らんかたorz