Firefox開発者ツール 要素に仕込まれたイベントを調べる

##はじめに
今までFirefoxの開発者ツールを使った事がなく、chromeの開発者ツールで調べていましたがFirefoxだとえらく簡単に調べられたのでメモとして残します。

##手順
①開発者(command+option+i)を開く。windowsはF12
画像１

②インスペクタタブを選択（画像１の-①）
③イベントが仕込まれている要素には要素の横にevのマーキングがあるため、そのマーキングをクリック（画像1-②）
画像２

画像３

④evをクリックする事で現在要素に仕込まれているイベントの一覧が表示されます。
　　　また画像２-①のエリアをクリックする事で記載されているjsの内容が表示されます。
⑤デバッグを貼りたい時は、画像３-①がjsファイルへのリンクにもなっているためそこから貼れます。