さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】ダブルクリックを防止する

Pocket
LINEで送る

ボタンを連打されて処理が何回も走ってしまうのを防止する方法です。

javascript

$('.button').on('click', function() {
	// ダブルクリック防止のクラスチェック
	if ($(this).hasClass('double-click')){
		return false;
	}

	// 処理

	// ダブルクリック防止のクラスを付与
	$(this).addClass('double-click');
});

カテゴリー:イベント, HP制作, JQuery

コメントを残す

コメント内容