将在输入框中输入的文本显示到控制台

Question

我试图在输入框中输入文本以显示在控制台中，但是我不确定自己做错了什么。 出现的错误为“未捕获的ReferenceError：未定义enterText”。 我正在使用淘汰赛。

的HTML

<input id="searchbox" type="text" placeholder="Search" data-bind="value: enteredText, valueUpdate: 'keyup'" />

的JavaScript

var viewModel = {
  enteredText: ko.observable("")
};

ko.applyBindings(viewModel);
console.log(viewModel.enteredText);

Answer 1

如果要实时查看更新，则可以订阅可观察对象，然后在每次更改时记录日志：

 var viewModel = { enteredText: ko.observable("") }; viewModel.enteredText.subscribe(function(newValue){ console.log(viewModel.enteredText()); }); ko.applyBindings(viewModel); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> <input id="searchbox" type="text" placeholder="Search" data-bind="value: enteredText, valueUpdate: 'keyup'" />