【jQuery】クリックしたときのイベントを確認するコマンド

クリックイベントの内容が知りたい

jQueryでクリックやタップで思い通りの動作にならなかった場合、イベントがhoverなのか、clickやmouseoverなのか知りたいとき、このコマンドで取得できるみたいです。

$._data($('セレクタ').get(0), "events")

console.log();で出力して確認したいときに便利です。例えば、li.menu_listをクリックしたときのイベントを確認したいときは以下のようになります。

console.log($._data($('li.menu_list').get(0), "events"));

以下のページを参考にさせてもらいました。

Link

Check! jQuery ですでに登録されているイベントを取得し、割込ませたりするメモ #javascript - Qiita

https://qiita.com/dz_/items/e5da8ed692720a69126c

Chromeのデベロッパーツールでも確認できる

コンソールのログ出力をしなくても、Chromeであればデベロッパーツールでもできるみたいです。

Link

jQueryで設定されたクリックイベントなどを定義している場所を調べる方法 #javascript - Qiita

https://qiita.com/zaru/items/b7732ebad9b732518359

PAGETOP