我正在尝试为hasFocus添加自定义绑定器以便像这样工作
ko.bindingHandlers.hasfocus = {
//update the control when the view model changes
update: function (element, valueAccessor) {
ko.unwrap(valueAccessor());
alert('update');
setTimeout(function () {
alert(3);
if (value
&& element.offsetWidth && element.offsetHeight
&& document.activeElement && document.activeElement != element) {
element.focus();
ko.utils.triggerEvent(element, "focusin"); // For IE, which doesn't reliably fire "focus" or "blur" events synchronously
}
});
}
};
但它永远不会进入这个功能。我正在关注这个例子
http://jsfiddle.net/mbest/tAGmp/
问题是,我的输入字段在开头不可见。如果我点击某个地方,那么它就可见了。输入字段如下所示
<input type="text" data-bind="hasFocus: true" />
我试图让硬件代码值为true。如果它有效,那么我会把它改成一些可观察的。有什么想法吗?
答案 0 :(得分:0)
我在这里更新了小提琴。正如您在控制台中看到的那样,最初会在输入值时触发它。
ko.bindingHandlers.hasfocus = {
update: function(element, valueAccessor) {
console.log('update');
var value = ko.utils.unwrapObservable(valueAccessor());
setTimeout(function() {
if (value
&& element.offsetWidth && element.offsetHeight
&& document.activeElement && document.activeElement != element)
{
element.focus();
ko.utils.triggerEvent(element, "focusin"); // For IE, which doesn't reliably fire "focus" or "blur" events synchronously
}
},0);
}
};
希望这会有所帮助。