我有一个隐藏的表单，它与一个更图形/用户友好的界面交互，其中一个隐藏的输入被以下功能“监视”：
$('#mag-pg input')[0].watch('value', function(prop, oldval, newval){
if(printRef instanceof Object){
var curSz = $('#mag-sz input').val();
toggleBtn($('#mag-sz button'), 'inactive');
for(u in printRef[newval]){
toggleBtn($('#mag-sz button[value='+u+"]"), 'active');
}
$('#mag-sz button[value='+curSz+']').click();
}
updateOrderInfo();
console.log(newval);
return newval;
});
手表功能如下：
if (!Object.prototype.watch) {
Object.defineProperty(Object.prototype, "watch", {
enumerable: false
, configurable: true
, writable: false
, value: function (prop, handler) {
var
oldval = this[prop]
, newval = oldval
, getter = function () {
return newval;
}
, setter = function (val) {
oldval = newval;
return newval = handler.call(this, prop, oldval, val);
}
;
if (delete this[prop]) { // can't watch constants
Object.defineProperty(this, prop, {
get: getter
, set: setter
, enumerable: true
, configurable: true
});
}
}
});
}
这工作得很好，直到我尝试提交隐藏的表单。问题是 Chrome 没有提交正在观看的隐藏输入的值。这很奇怪，因为使用控制台检查输入的值会返回正确的值。我已经使用 fiddler 检查了 HTTP 请求，并且输入的值肯定没有被发送到服务器。因此，Chrome 似乎没有正确地将新值应用到输入，即使控制台会提出其他建议。我想知道是否有人以前看过这个，或者我的手表是否有问题。
我不想取下手表，因为它的重点是确保同步。这个应用程序很复杂，如果没有观察到的价值，应用程序的不同部分很容易在应该更新的时候不更新。
每个其他浏览器都正确地将输入值提交给服务器。