javascript - IE の onBlur イベント

Question

私はこのHTMLを持っています:

<textarea class="question" onBlur="onBlurFun(event); return true;" 
name="aaa" id="bbb"></textarea>

そして、JavaScriptのこの関数

    onBlurFun = function(event) {
 var tgt = $(event.target);
 alert(tgt.attr('id'));
    }

IE では、tgt正しく設定されていません。呼び出しノードにアクセスするにはどうすればよいですか?

score 2 · Accepted Answer

event.srcElementは Internet Explorer のevent.targetに相当します。jQuery は.bind()を使用して適用されるイベントハンドラーでこれを正規化するため、Internet Explorer でevent.targetを使用できますが、HTML 属性または DOM プロパティを介して適用されるイベントハンドラーにはプロパティがありません。あなたの場合、コードを次のように変更できます

// event.target or event.srcElement
var tgt = $(event.target || event.srcElement);

または、 June R のアドバイスに従い、代わりに要素への参照を渡します。

return true;補足として、ほとんどのイベントでは必要ありませんが、特にonblurとonfocusではデフォルトアクションをキャンセルできないためです。

score 1 · Accepted Answer

ターゲットをチェックするには、このパスオブジェクトの代わりにイベントを渡さないでください。

このコードを見て

<textarea class="question" onBlur="onBlurFun(this); return true;" 
name="aaa" id="bbb"></textarea>

 function  onBlurFun(obj) 
{
   alert(obj.id); 
}

score 0 · Accepted Answer

IEには独自のグローバルイベントオブジェクトがあります。

これはうまくいくはずです

onBlurFun = function(event) {

   if (!event)
   {
     event = window.event;
     event.target = event.srcElement;
   }

   var tgt = $(event.target);
   alert(tgt.attr('id'));

}

javascript - IE の onBlur イベント

3 に答える 3

Related

Reference