jquery uiスピナー停止イベントで関数を呼び出す方法

Question

jquery ui spinnerを使用しています。スピナー停止イベントで関数を呼び出す必要があります。

私は、停止イベントごとにその関数を呼びたくはなく、ユーザーが上向き矢印または下向き矢印をクリックして停止したときにのみ呼び出します。

イベントを変更すると、テキストボックスのフォーカスが失われます。テキストボックスにフォーカスがある場合は、フォーカスが必要です。

事前に感謝..

Answer 1

クリック数のシーケンスが終わった後、あなたのコールバックがトリガーされるようにしたい場合は、そのための_.debounceを使用することができます。ここでは、コードとplunkerです：

$(function(){ 
    var expectedDelayBetweenClicks = 500; 
    var element = $("input"); 

    element.spinner({ 
    start: function(e, ui) { 
     $('.selected-value').text('Waiting...'); 
    }, 

    stop: _.debounce(function(e, ui) { 
     $('.selected-value').text(e.target.value); 
    }, expectedDelayBetweenClicks) 
    }) 
}); 

は、これは、あなたがこれらのクリック間の遅延は500ミリ秒であれば、わずか数回のクリック後にトリガされるコールバックすることを保証します。この遅延を減らすか、ユーザーがスピナーをクリックすると予想される速さに基づいて遅延を増やすことができます。