Enterキーが無効なプログラミング方法でヒットするまですべてのキー入力をキャプチャ

Question

JavascriptではKefirを使用して、ENTERがヒットするまですべてのキー入力をキャプチャしたいと思います。これまでのところ、私はbufferWhile

よう

var inputValues = Kefir 
    .fromEvents(document.querySelector('body'), 'keydown') 
    .bufferWhile(event => event.keyCode!=13); 

var result = inputValues.toProperty(() => ""); 
result 
.onValue(x => elm.innerHTML = x.slice(0,-1).map(y => String.fromCharCode(y.keyCode)).join('')) 
.onError(() => elm.innerHTML = "?"); 

を使用して、これを行うために管理してきましたが、最初私は

var inputValues = Kefir 
    .fromEvents(document.querySelector('body'), 'keydown') 
    .scan((acc, y) => acc.concat(y), ""); 

のように定期的にscanを使用していたが、その後どのようにI：

1. ENTERがヒットしたときにアキュムレータを出力しますか？
2. アキュムレータを再起動して新しいキーストロークシーケンスを開始しますか？

bufferWhileを基本的にどのように構成しますか？scanと1つのストリームを使用していますか？答えはケフィアに関して特に必要はありませんが、FRP擬似コードはこれを行います。

Answer 1

私はこれがあなたの望むものかどうかはわかりません。 一般的には、確認と実行のストリームを分離することが考えられます。

const input$ = ...; 
const key$ = input$.filter(isNotEnter).map(toChar); 
const enter$ = input$.filter(isEnter); 

const confirm$ = Kefir.merge([ 
    enter$, 
    key$.debounce(1000) 
]); 

key$.bufferBy(confirm$);