よりグラフィック/ユーザーフレンドリーなインターフェースとインターフェースする隠しフォームがあり、隠し入力の1つが次の機能で「監視」されています。
$('#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は新しい値を入力に適切に適用していないように見えます。誰かがこれを以前に見たことがあるのか、それとも私が時計で何か間違っているのかどうか疑問に思っています。
時計を外したくないのは、同期を確保することがポイントだからです。このアプリケーションは複雑であり、価値を監視しなければ、アプリのさまざまな部分が必要なときに更新されない可能性が非常に高くなります。
他のすべてのブラウザは、入力値をサーバーに正しく送信します。