knockoutjs十二 textInput绑定

knockoutjs十二 textInput绑定

今天讲解的是textInput绑定，这其实和value绑定是一样的，但是比value的双向绑定强一点

<div class="container">
<p>Login name:
<input data-bind="textInput: userName" />
</p>
<p>Password:
<input type="password" data-bind="textInput: userPassword" />
</p>

ViewModel:
<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

</div>
<script>
function Model() {
var self = this;
self.userName = ko.observable(""); // Initially blank
self.userPassword = ko.observable("abc"); // Prepopulate
}
var model = new Model();
ko.applyBindings(model);
</script>

可以从这个例子看到，textinput是view改变后，model是立即改变的，官方推荐在绑定

<input>

or

<textarea>

的时候大家使用textinput，因为他不仅可以即时更新，而且可以解决很多浏览器兼容问题，很多浏览器对于剪切，拖拽，或者是接受自动补全这些机制有很大的不同，即时使用了valueUpdate来控制更新时期，还是有可能会不一致，textinput就是专门设计来解决各浏览器之间的不同和即时更新的。

这是官网的话，如果对于事件操作的一致性有很高的要求，确实应该用这个，不然在每个浏览器都有可能反应不一样。听官网的话没有错奥！！！！

其他的属性和value完全一至，就不再赘诉，但是要记住，不要value和textinput在同一个元素使用，那么两个都不会起作用。

今天的就讲解完了，代码托管在https://github.com/lushunming/knockoutJSDemo.git可以直接克隆。希望大家有意见可以留言，我前几天看了下我的博客，发现还是有很多小错误的，希望大家发现错误可以留言告诉我，我会立即改正，防止把错误东西传播出去，有疑问或者错误可以加我的qq1357197829和我交流。