將在輸入框中輸入的文本顯示到控制台

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'" />