私は次のコードjsFiddleを使用しています:
function Field(args) {
this.id = args.id;
this.name = args.name ? args.name : null;
this.reqType = args.reqType ? args.reqType : null;
this.reqUrl = args.reqUrl ? args.reqUrl : null;
this.required = args.required ? true : false;
this.error = args.error ? args.error : null;
this.elem = document.getElementById(this.id);
this.value = this.elem.value;
this.elem.addEventListener('blur', this, false);
this.elem.addEventListener('focus', this, false);
}
// FormTitle is the specific field like a text field. There could be many of them.
function FormTitle(args) {
Field.call(this, args);
}
Field.prototype.getValue = function() { return Helpers.trim( this.value ) };
Field.prototype.blur = function (value) {
alert("blur");
};
Field.prototype.focus = function (value) {
alert("focus");
};
Field.prototype.handleEvent = function(event) {
var prop = event.type;
if ((prop in this) && typeof this[prop] == "function")
this[prop](this.value);
};
inheritPrototype(FormTitle, Field);
var title = new FormTitle({name: "sa", id: "title"});
function inheritPrototype(e, t) {
var n = Object.create(t.prototype);
n.constructor = e;
e.prototype = n
}
if (!Object.create) {
Object.create = function (e) {
function t() {}
if (arguments.length > 1) {
throw new Error("Object.create implementation only accepts the first parameter.")
}
t.prototype = e;
return new t
}
}
問題は、フィールドがフォーカスされるたびに「ぼかし」イベントが発生することです。これは、予想とは逆です。これは、フォーカス イベントがコードで言及されていないにもかかわらずです。問題は、jsFiddle でこの問題を再現できないことですが、問題は IE で発生しています。
また、jsFiddle では、別の問題があります。フォーカスイベントが複数回トリガーされます...
これについて考えられる説明および/または解決策はありますか?
更新しました:
おまけの質問 (そして最後に、約束)。関数 addEvent を追加して、イベントをすべて親コンストラクターに直接追加するのではなく、フォーム フィールドに動的に追加しました。これはそのためのjsFiddleです。関数を呼び出そうとしていますが、機能していないようです。私は何を間違っているのでしょうか?