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和我交流。