knockoutjs八 event绑定

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

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