两个 Key Up 事件，我需要将这两个事件中的数据放入这些事件之外的两个变量中

Question

我有两个 Key Up 事件，它们记录了两个不同input元素的值。

我想将来自两个事件的两个值合并为一个变量。

我有以下片段。

var textInputSVK = document.getElementById("top__itextsvk");

var textInputKg = document.getElementById("top__itextkg");

function delay(e, delay) {

  let timer = 0;

  return function(...args) {

    clearTimeout(timer);

    timer = setTimeout(e.bind(this, ...args), delay || 0);

  };

}

textInputKg.addEventListener(

  "keyup",

  delay(e => {

  var t = textInputKg.value;

    console.log(t);

  }, 500)

);

textInputSVK.addEventListener(

  "keyup",

  delay(e => {

  var t = textInputSVK.value;

    console.log(t);

  }, 500)

);

<input id="top__itextkg" type="text" value="10" autocomplete="off" />

<input id="top__itextsvk" value="10" autocomplete="off" type="text" />

Answer 1

这是使用流的经典案例。我们可以很容易地使用 RxJS 来解决这类问题。工作演示