1

私は次のコード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です。関数を呼び出そうとしていますが、機能していないようです。私は何を間違っているのでしょうか?

4

1 に答える 1

4

ハンドラーのalertは、focusフォーカスが得られるとすぐにフィールドからフォーカスを取り除きます。フォーカスを失うと、blur. blurが最初に来るのは奇妙です。

アラートをconsole.log(またはフォーカスを奪わないものに) 変更すると、イベントが正しく発生することがわかります。

http://jsfiddle.net/rsKQq/4/

于 2013-05-17T15:55:41.843 に答える