0

みなさん、私はRxJSを使ってマウスイベントを処理するアプリを持っています。これらのイベントを、より複雑な観察可能な「ジェスチャー」に構成しています。そのようなジェスチャーの 1 つが「シェイク」です。

私が作成しようとしている一連のイベントは次のとおりです。

mousedown  
mousemove left  
mousemove right  
mousemove left  
mousemove right  
mouseup

私が見つけているのは、

mousedown  
mouseup
mousemove left  
mousemove right  
mousemove left  
mousemove right  

も同じ結果を引き起こしています。

codepen の問題を示すフィドルを作成しました。

一般的な私の質問は次のとおりです。マウスアップなどのオブザーバブルがオブザーバブルの構成をキャンセルして再開する必要があることをRxJSでどのように表現しますか?

問題の別の例 (同じフィドルから) として、次のイベント

mousedown  
mouseup
mousedown  
mouseup
mousedown  
mousemove left  
mousemove right  
mousemove left  
mousemove right  

3 回のシェイク イベントが発生します。一つに結実させたいと思います。

4

1 に答える 1