javascript - 获取文本框的值

Question

我正在使用一个文本字段，我想记录更改。我注意到 change 只跟踪您提交的时间，所以我使用的是 keyup，但这感觉有点怪异，因为如果有人使用鼠标复制并粘贴到文本字段中，它不会检测到它。有没有更严格的方法来观察文本字段的变化？

var textField = document.getElementById('message-input');
Rx.Observable.fromEvent(textField, 'keyup')
  .subscribe(_ => console.log(textField.value));

Answer 1

这对于 Rx 来说真的不是问题，它更像是一个一般的 DOM 问题。然而，从 Rx 的 Angular 来看，无论您最终使用什么事件，您都可以合并所有您感兴趣的事件，并使用 distinctUntilChanged() 来确保您不会以重复的事件结束。

var keyup = Rx.Observable.fromEvent(textField, 'keyup', e => e.target.value);
var focus = Rx.Observable.fromEvent(textField, 'focus', e => e.target.value);


Rx.Observable.merge(keyup, focus)
  .distinctUntilChanged()
  .subscribe(x => console.log(x));