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

目次

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

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

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

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

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

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

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

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

前へ

【jQuery】hoverとtouchの共存について模索したこと

次へ

【CSS】画像は表示、テキストは隠す text-indent: 100%; white-space: nowrap; overflow: hidden;