knockoutjs八 event绑定

knockoutjs八 event绑定

今天讲的很简单，是事件绑定，因为click绑定本来就是事件绑定，所以基本上所有的内容相似，就不在多说。

<div class="container">
        <div data-bind="event: { mouseover: enableDetails, mouseout: disableDetails }">
            Mouse over me
        </div>
        <div class="btn btn-danger" data-bind="visible: detailsEnabled">
            Details
        </div>
    </div>



    <script>
        function Model() {
            var self=this;
            self.detailsEnabled = ko.observable(false),
                self.enableDetails = function() {
                    self.detailsEnabled(true);
                },
                self.disableDetails = function() {
                    self.detailsEnabled(false);
                }
        }
        var model = new Model();
        ko.applyBindings(model);
    </script>

基本上有 ‘keyup’, ‘keydown’, ‘keypress’,
‘click’, ‘dblclick’, ‘mousedown’, ‘mouseup’, ‘mousemove’, ‘mouseover’, ‘mouseout’, ‘mouseenter’, ‘mouseleave’这些事件绑定，这是ko源码里提及的绑定，应该都是支持的。因为我基本就用过click，dbclick，mouseover，mouseout这些，其他的没有使用，如果大家使用时有什么问题，可以和我一起交流。代码托管在https://github.com/lushunming/knockoutJSDemo.git可以直接克隆。希望大家有意见可以留言，有疑问或者错误可以加我的qq1357197829和我交流。