【JQuery】ダブルクリックを防止する
ボタンを連打されて処理が何回も走ってしまうのを防止する方法です。
javascript
$('.button').on('click', function() { // ダブルクリック防止のクラスチェック if ($(this).hasClass('double-click')){ return false; } // 処理 // ダブルクリック防止のクラスを付与 $(this).addClass('double-click'); });
さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。
ボタンを連打されて処理が何回も走ってしまうのを防止する方法です。
$('.button').on('click', function() { // ダブルクリック防止のクラスチェック if ($(this).hasClass('double-click')){ return false; } // 処理 // ダブルクリック防止のクラスを付与 $(this).addClass('double-click'); });
コメントを残す