「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

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

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

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

jQueryサンプル

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">