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