JavaScript:連続クリック対応方法

画面上に設置したボタンを連続でクリックされた場合に予期しない挙動を引き起こす事が良くあります。
そういう場合の対応方法についてメモしておきます。
基本的に対応する方法としては以下の様な方法があります。

  • ボタンのdisabled属性をtrueにする
  • フラグを設置してクリックされたらフラグをfalseに設定してイベント処理されないようにバイパスする

以下はjQueryベースで連続クリックされた場合にフラグを使用して判定する方法です。

jQueryサンプル

コメントを残す

メールアドレスが公開されることはありません。

email confirm*

post date*