ボタン連打、連続クリックを止める - Qiita

更新ボタンを連打されAjaxの処理を重複させない為に、処理中にボタンを無効にしたい。 無効時はボタンの色を薄くして、わかるようにする。 処理概要 ①クリック時にボタンを無効にし色を変更。 ②クリック時に行いたい処理を書く(書き換え、送信処理など)。 ③処理完了後、指定時間後にボタンを有効にし色を戻す。 ここでは、仮に処理が1秒程かかるとして、1秒間だけ無効にする。 ※しかし、処理完了後にすぐボタンを有効にしたい場合、 setTimeoutを削除する。 詳しくはページ下部の補足へ 備考 ●disabled クリックできるか true:無効化、false:有効化。 disabledが有効の場合自動で半透明になるので、特にオリジナルのカラーを使用しなければ以下2つは必要ない。 ●addClass( ) 既存の CSS クラスを追加する場合に使用 ●removeClass( ) 既存の CSS ク