reactive-extensions-js - JS の Rx 拡張機能を使用してイベントをバッファリングする方法

Question

入力からテキスト変更イベントを取得したくありませんが、1 秒あたり 3 つに制限します。

Rxは私の願いをサポートしますか? どうすればこの能力を達成できますか?

Answer 1

Observable が既にあると仮定すると、消費する前に、throttle(333) への呼び出しを挿入してください。（333 =ミリ秒、つまり1000/3で、1秒あたり3文字になります）。

非常に単純なサンプル:

 $(document).ready(function () {
   var mainCanvas = $("#TextBox1");
   var observable = Rx.Observable.FromHtmlEvent(mainCanvas.context, "keypress");

   var throttle = observable.throttle(333);

   throttle.subscribe(function (next) {
         $('div#test').append(String.fromCharCode( next.charCode)); 
        }
   );
 });