WeX5数据绑定:event绑定

优质
小牛编辑
139浏览
2023-12-01

event绑定为DOM元素添加一个或多个事件,例如可以用来添加keypress、mouseover、mouseout等。由于DOM元素的事件较多,ko不可能像定义click绑定、submit绑定那样挨个的定义,因此提供了event绑定。

示例代码:

//.W片段
<div>
 <div bind-event="{ mouseover: enableDetails, mouseout: disableDetails }">
 Mouse over me
 </div>
 <div bind-visible="detailsEnabled">
 Details
 </div>
</div> 

//.js片段
this.detailsEnabled = justep.Bind.observable(false);
 enableDetails=function () {
 this.detailsEnabled.set(true);
 };
 this.disableDetails=function () {
 this.detailsEnabled.set(false);
 }

event绑定的参数跟click绑定非常相似,此处不再赘述。