jQueryで作る簡単な連打防止処理

こんにちは、ゆきねこです。

今回はjQueryで書く連打防止処理について書いていこうと思います。

コードは以下です。

var flg = true;

function check_renda(){
  if(flg == true){
    flg = false;
    return true;
  }
  return false;
}

function hogehoge(){
  if(check_renda() == false){
    return;
  }
  処理
  check_flg = true
}

こんな感じです。

変数でチェックフラグを作っておいて、１回目なら変数をfalseに変更してtrueを返すようにして、２回目以降はfalseを返すような関数を作っておきます。

ボタンを押したら作った関数が走ってtrueの場合はフラグをfalseに変更して処理を続けます。

falseの場合はその時点で処理を終了します。

処理が完了したらフラグをtrueに戻して終了です。

おすすめの書籍

JavaScriptってなぁにレベルの初学者におすすめの本です。

JavaScriptググれば問題なく書けるけど、基本を理解してないんだよなってレベルの人におすすめの本です。