javascript - 3回クリックするとボタンが無効になります

Question

行の追加というボタンのあるフォームがあります。ユーザーがこのボタンを3回クリックした後、このボタンを無効にします。

Answer 1

ボタンにクリックカウンターを設定することもできますが、「行の追加」と呼ばれているので、行数を数えて、そのように無効にするかどうかを判断できると思います。

bool disabled = true;
$('#add-rows').prop('disabled', disabled);

true行数を計算するためのお気に入りの手段に置き換えます。

Answer 2

グーグルトリプルクリックイベントのトップアンサーから：

$.event.special.tripleclick = {

    setup: function(data, namespaces) {
        var elem = this, $elem = jQuery(elem);
        $elem.bind('click', jQuery.event.special.tripleclick.handler);
    },

    teardown: function(namespaces) {
        var elem = this, $elem = jQuery(elem);
        $elem.unbind('click', jQuery.event.special.tripleclick.handler)
    },

    handler: function(event) {
        var elem = this, $elem = jQuery(elem), clicks = $elem.data('clicks') || 0;
        clicks += 1;
        if ( clicks === 3 ) {
            clicks = 0;

            // set event type to "tripleclick"
            event.type = "tripleclick";

            // let jQuery handle the triggering of "tripleclick" event handlers
            jQuery.event.handle.apply(this, arguments)  
        }
        $elem.data('clicks', clicks);
    }

};

次のように使用します。

$("#mybutton").bind("tripleclick", function() {
   $(this).attr("disabled", "disabled");
}

onおそらくの代わりにを使用することに注意してください。`on` と `live` または `bind` の違いは何ですか?bindを参照してください。