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 = "?");

但最初我想在

中使用常规scan

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

但是我该怎么做：

在ENTER被击中时输出累加器？
重新启动累加器以启动新的按键序列？

基本上，您如何使用bufferWhile和单个流撰写scan？答案不一定要特别关于Kefir，任何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$);

捕获所有键输入，直到以反应式编程方式命中ENTER

1 个答案: