jquery - jQuery では、複数のクリックでコードが複数回実行されるのを防ぐにはどうすればよいですか?

Question

たとえば、次のコードがあるとします。

$("#divTest").append(variable);

意図された目標は、ボタンがクリックされたときに情報を表示することですが、コードが実行される前に、せっかちなユーザーや、複数回クリックする必要があると感じているユーザーをどのように処理すればよいでしょうか。

必要に応じて明確にします。

ありがとう！

score 5 · Accepted Answer

jQuery.one関数を見てください。これにより、クリックハンドラーを 1 回しか使用できなくなります。

$("#button").one("click",function() { /* -- Your code here -- */ });

または、ボタンが実際にinputorbuttonタグである場合は、disabled属性を設定できます。以下は、属性に関するMozilla Developer Network (MDN)disabledからの詳細情報です。

このブール属性は、フォームコントロールを操作できないことを示します。特に、クリックイベントは、無効なコントロールでは送出されません。また、無効なコントロールの値はフォームと共に送信されません。

score 3 · Accepted Answer

クリック機能で

 $("#button").click( function()
           {
              $("#divTest").empty().append(variable);
           }
        );

score 0 · Accepted Answer

最初のクリックでクリックイベントのバインドを解除することもできます

$(#button).click(function() {
    $("#divTest").append(variable);
    $(this).off("click");
});

3 に答える 3