是否有可能在一個時間範圍內使用Rx for JavaScript觀察數字特定的dom事件

Question

我試圖在一個時間範圍內發生特定次數的dom事件（keyup）時收到通知。我看到有一個油門在一段時間內拋出事件，我想要數它們。例如，如果在500毫秒內文本框的密鑰事件發生10次，我只想通知它。

Answer 1

可以通過保存點擊的時間戳和10次點擊前與當前時間戳比較點擊的時間戳實現這一目標：

（我假設你在這裏使用jQuery）

var timestamps = []; 
$('.watched').click(function() { 
    var now = (new Date).getTime(); 
    // add the current timestamp in front of the other timestamps 
    timestamps.unshift(now); 
    if (timestamps.length > 10 && (now - timestamps[10]) < 500) { 
    // do whatever you really wanted to do 
    clickedTenTimes() 
    } 
    // clean unneeded timestamps 
    while (timestamps.length > 10) timestamps.pop() 
}); 

Answer 2

您可以使用groupByUntil函數在500毫秒內觸發的關鍵事件創建可觀察組。然後只計算每個可觀察組中的事件。如果一個組中有十個或更多的事件，那麼做一些事情。

var keyups = $('#input').keyupAsObservable() 
    .groupByUntil(
     function(x) { return x.currentTarget.id; }, 
     function(x) { return x; }, 
     function(x) { return Rx.Observable.timer(500); } 
); 

keyups.subscribe(function(obs) { 
    obs.count() 
    .filter(function(count) { return count >= 10; }) 
    .subscribe(doSomething) 
});