[英]Binding keypress event on knockoutjs, observable not populated
需要一些关于knockoutjs和绑定按键事件的帮助。 我正试图连接淘汰赛,以便我从文本框中选择输入按键。 所以我可以执行与单击按钮相同的操作。 解释起来有点棘手但希望这个JsFiddle会展示我想要实现的目标。
我遇到的问题是可观察的值没有得到更新,我认为它与一个observable有关,直到焦点离开文本框才更新?
解决这个问题的任何方法。
谢谢!
一种选择是使用valueUpdate
附加绑定来强制每次按键更新。 例如,你会这样做:
<input type="text" data-bind="value: InputValue, valueUpdate: 'afterkeydown', event: { keypress: RunSomethingKey }" />
如果那不是您所追求的,那么您真的想要在处理程序中触发元素的更改事件。 例如,使用jQuery,您可以执行以下操作: $(event.target).change();
。
将它移动到自定义绑定会更好。 也许是这样的(可能应该检查valueAccessor()的结果是否是一个函数):
ko.bindingHandlers.enterKey = {
init: function(element, valueAccessor, allBindings, vm) {
ko.utils.registerEventHandler(element, "keyup", function(event) {
if (event.keyCode === 13) {
ko.utils.triggerEvent(element, "change");
valueAccessor().call(vm, vm); //set "this" to the data and also pass it as first arg, in case function has "this" bound
}
return true;
});
}
};
以下是您更新的示例: http : //jsfiddle.net/rniemeyer/nbnML/9/
不要打折提交绑定: http : //knockoutjs.com/documentation/submit-binding.html
这会处理一些IE 9/10陷阱,例如返回键没有更新observable。 有了这个照顾你,你不需要拦截键码13
HTML:
<form data-bind="submit:RunSomething">
<input type="text" data-bind="value: InputValue" />
<input type="submit" value="test" />
<div data-bind="text: InputValue" />
</form>
码:
var ViewModel = function () {
var self = this;
self.InputValue = ko.observable('');
self.RunSomething = function (ev) {
window.alert(self.InputValue());
}
}
ko.applyBindings(new ViewModel());
在这看到:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.