如何使用 knockout.js 获取文本框 onchange 的值答案

【问题标题】：How to get the value of a textbox onchange with knockout.js如何使用 knockout.js 获取文本框 onchange 的值
【发布时间】：2015-10-09 17:57:06
【问题描述】：

我在淘汰赛中有以下代码。 html是

<p id="inputField">
    What do you want to search?: 
    <input data-bind="
        textInput: searchLocation, 
        event: {focus:  focusHandler}"/>
</p>

viewModel 是

function  NeighborhoodModel() {
    var self = this;

    self.focusHandler = function(){
        console.log("focus self.searchLocation "+searchLocation());
    };

    self.searchLocation= ko.observable("");
    searchLocation = ko.observable("");
    self.locations = ko.observableArray([]);
    self.nameLocation = ko.observable(" ");
    console.log(" begin model");
    console.log("model self.searchLocation "+searchLocation());

};

ko.applyBindings(new NeighborhoodModel());

如何恢复 searchLocation 的值？

控制台中的消息是

开始模型

project5.js:15 模型 self.searchLocation

project5.js:6 焦点 self.searchLocation

【问题讨论】：

标签： javascript events input knockout.js

【解决方案1】：

您已经定义了 searchLocation 两次，一次是在 self 上，一次是在此之后。此外，您应该使用 value 绑定而不是 textInput

看到这个更新的小提琴：http://jsfiddle.net/uete2Lsq/

<p id="inputField">
    What do you want to search?: 
    <input data-bind="
        value: searchLocation, 
        event: {focus:  focusHandler, blur: focusHandler}"/>
</p>

【讨论】：