knockoutjs十二 textInput绑定

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<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和我交流。