我有一个隐藏的表单，它与一个更加图形/用户友好的界面接口，其中一个隐藏的输入被“监视”，具有以下功能：
$('#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似乎也没有正确地将新值应用于输入。我想知道是否有人之前看过这个，或者我的手表是否有问题。
我不想删除手表，因为它的目的是确保同步。这个应用程序很复杂，没有值得关注，应用程序的不同部分很容易在应用时更新。
每个其他浏览器都正确地将输入值提交给服务器。