みなさん、私は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 回のシェイク イベントが発生します。一つに結実させたいと思います。