c# - クリックしてから 2 秒間ボタンを無効にしてから、再度有効にする方法は?

Question

クリックしてから 2 秒間ボタンを無効にしてから、再度有効にする方法は?

私はこれをJavaScriptのOnClientClickで実行したいのですが、OnClientClickを実行した後、OnClickイベントを実行してからボタンを再度有効にします

Answer 1

純粋な JavaScript でこれを行うのは非常に簡単です。

var btn = document.getElementById("myButton");
btn.onclick = function() {
    btn.disabled = true; // disable button
    window.setTimeout(function() {
       btn.disabled = false; // enable button
    }, 2000 /* 2 sec */); 
}; // Warning: this will replace existing onclick event

jQueryを使用している場合は、代わりに次のコードを使用できます。

var btn = $("#myButton");
btn.click(function() {
    btn.attr("disabled", "disabled"); // disable button
    window.setTimeout(function() {
       btn.removeAttr("disabled"); // enable button
    }, 2000 /* 2 sec */); 
});

Answer 2

これを試してください：HTMLページ：

<button id="myButon" onclick="disableButon();"></button>

javascriptの部分：

function disableButon()
{   
    var timer;
    document.getElementById('myButon').disabled = true;
    timer = setTimeout("activateButon()", minutes * 60000);
}

次の機能の有効化：

function activateButon()
{
    document.getElementById('myButon').disabled = false;
}

Answer 3

クリックイベントを使用してボタンを無効にし、タイムアウトを設定して、必要な時間後に再度有効にします。

<button onclick="
  var button = this;
  this.disabled = true;

  // Put other listener code here

  window.setTimeout(function(){
    button.disabled = false;
  }, 2000);
">Button</button>

または動的に添付:

window.onload = function() {

    document.getElementById('b0').onclick = function() {

      var button = this;
      button.disabled = true;

      // Put other listener code here

      window.setTimeout(function(){
        button.disabled = false;
      }, 2000);
    };
}

Answer 4

この機能を使用できます：

//Disable the button here
setTimeout("EnableTheButton();", 2000); // put this inside the click event

次に、この関数を宣言します。

function EnableTheButton() {
    // enable the button here
}